@limetech/lime-elements 39.0.1 → 39.0.2
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 +7 -0
- package/dist/cjs/{checkbox.template-Bu9mvjbY.js → checkbox.template-VElWkDR9.js} +1 -1
- package/dist/cjs/{index-DYJkh2ZK.js → index-Ddjrlc-6.js} +1 -1
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-3d-hover-effect-glow.cjs.entry.js +1 -1
- package/dist/cjs/limel-action-bar-item_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-action-bar_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-ai-avatar.cjs.entry.js +1 -1
- package/dist/cjs/limel-badge.cjs.entry.js +1 -1
- package/dist/cjs/limel-banner.cjs.entry.js +1 -1
- package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js +4 -4
- package/dist/cjs/limel-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-callout.cjs.entry.js +1 -1
- package/dist/cjs/limel-card.cjs.entry.js +1 -1
- package/dist/cjs/limel-chart.cjs.entry.js +2 -2
- package/dist/cjs/limel-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/limel-chip_2.cjs.entry.js +3 -3
- package/dist/cjs/limel-circular-progress.cjs.entry.js +2 -2
- package/dist/cjs/limel-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +2 -2
- package/dist/cjs/limel-color-picker-palette.cjs.entry.js +1 -1
- package/dist/cjs/limel-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-config.cjs.entry.js +1 -1
- package/dist/cjs/limel-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-dialog.cjs.entry.js +1 -1
- package/dist/cjs/limel-dock-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-dock.cjs.entry.js +2 -2
- package/dist/cjs/limel-drag-handle.cjs.entry.js +1 -1
- package/dist/cjs/limel-dynamic-label.cjs.entry.js +1 -1
- package/dist/cjs/limel-file-dropzone_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-file-viewer.cjs.entry.js +2 -2
- package/dist/cjs/limel-file.cjs.entry.js +1 -1
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-flex-container.cjs.entry.js +1 -1
- package/dist/cjs/limel-form.cjs.entry.js +2 -2
- package/dist/cjs/limel-grid.cjs.entry.js +1 -1
- package/dist/cjs/limel-header.cjs.entry.js +1 -1
- package/dist/cjs/limel-help-content.cjs.entry.js +1 -1
- package/dist/cjs/limel-help.cjs.entry.js +1 -1
- package/dist/cjs/limel-helper-line_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon.cjs.entry.js +1 -1
- package/dist/cjs/limel-info-tile.cjs.entry.js +1 -1
- package/dist/cjs/limel-linear-progress.cjs.entry.js +1 -1
- package/dist/cjs/limel-list-item.cjs.entry.js +2 -2
- package/dist/cjs/limel-markdown.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu-item-meta.cjs.entry.js +1 -1
- package/dist/cjs/limel-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-popover_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-portal_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-profile-picture.cjs.entry.js +1 -1
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js +2 -2
- package/dist/cjs/limel-progress-flow.cjs.entry.js +2 -2
- package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-radio-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-select.cjs.entry.js +2 -2
- package/dist/cjs/limel-shortcut.cjs.entry.js +1 -1
- package/dist/cjs/limel-slider.cjs.entry.js +2 -2
- package/dist/cjs/limel-snackbar.cjs.entry.js +2 -2
- package/dist/cjs/limel-split-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-switch.cjs.entry.js +2 -2
- package/dist/cjs/limel-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/limel-table.cjs.entry.js +2 -2
- package/dist/cjs/limel-text-editor.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/button/button.css +34 -33
- package/dist/collection/components/chart/chart.css +120 -376
- package/dist/collection/components/chip/chip.css +68 -69
- package/dist/collection/components/chip-set/chip-set.css +29 -116
- package/dist/collection/components/circular-progress/circular-progress.css +193 -193
- package/dist/collection/components/code-editor/code-editor.css +350 -189
- package/dist/collection/components/collapsible-section/collapsible-section.css +125 -125
- package/dist/collection/components/dock/dock.css +60 -153
- package/dist/collection/components/file-viewer/file-viewer.css +80 -172
- package/dist/collection/components/form/form.css +77 -164
- package/dist/collection/components/input-field/input-field.css +75 -168
- package/dist/collection/components/list/list.css +59 -151
- package/dist/collection/components/menu-list/menu-list.css +59 -151
- package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css +74 -80
- package/dist/collection/components/progress-flow/progress-flow.css +2 -0
- package/dist/collection/components/radio-button-group/radio-button.css +2 -2
- package/dist/collection/components/select/select.css +39 -132
- package/dist/collection/components/slider/slider.css +391 -403
- package/dist/collection/components/snackbar/snackbar.css +76 -75
- package/dist/collection/components/switch/switch.css +106 -106
- package/dist/collection/components/tab-bar/tab-bar.css +208 -203
- package/dist/collection/components/table/table.css +170 -462
- package/dist/collection/style/color-palette-primary.scss.bak +1 -1
- package/dist/collection/style/color-palette-ui.scss.bak +1 -1
- package/dist/collection/style/internal/fieldset.scss +2 -2
- package/dist/esm/{checkbox.template-CVMlWdZR.js → checkbox.template-BB2t2jwT.js} +1 -1
- package/dist/esm/{index-BudcI_o9.js → index-xvTBZcD2.js} +1 -1
- package/dist/esm/lime-elements.js +2 -2
- package/dist/esm/limel-3d-hover-effect-glow.entry.js +1 -1
- package/dist/esm/limel-action-bar-item_2.entry.js +1 -1
- package/dist/esm/limel-action-bar_2.entry.js +1 -1
- package/dist/esm/limel-ai-avatar.entry.js +1 -1
- package/dist/esm/limel-badge.entry.js +1 -1
- package/dist/esm/limel-banner.entry.js +1 -1
- package/dist/esm/limel-breadcrumbs_7.entry.js +4 -4
- package/dist/esm/limel-button-group.entry.js +1 -1
- package/dist/esm/limel-button.entry.js +2 -2
- package/dist/esm/limel-callout.entry.js +1 -1
- package/dist/esm/limel-card.entry.js +1 -1
- package/dist/esm/limel-chart.entry.js +2 -2
- package/dist/esm/limel-checkbox.entry.js +2 -2
- package/dist/esm/limel-chip_2.entry.js +3 -3
- package/dist/esm/limel-circular-progress.entry.js +2 -2
- package/dist/esm/limel-code-editor.entry.js +2 -2
- package/dist/esm/limel-collapsible-section.entry.js +2 -2
- package/dist/esm/limel-color-picker-palette.entry.js +1 -1
- package/dist/esm/limel-color-picker.entry.js +1 -1
- package/dist/esm/limel-config.entry.js +1 -1
- package/dist/esm/limel-date-picker.entry.js +1 -1
- package/dist/esm/limel-dialog.entry.js +1 -1
- package/dist/esm/limel-dock-button.entry.js +1 -1
- package/dist/esm/limel-dock.entry.js +2 -2
- package/dist/esm/limel-drag-handle.entry.js +1 -1
- package/dist/esm/limel-dynamic-label.entry.js +1 -1
- package/dist/esm/limel-file-dropzone_2.entry.js +1 -1
- package/dist/esm/limel-file-viewer.entry.js +2 -2
- package/dist/esm/limel-file.entry.js +1 -1
- package/dist/esm/limel-flatpickr-adapter.entry.js +1 -1
- package/dist/esm/limel-flex-container.entry.js +1 -1
- package/dist/esm/limel-form.entry.js +2 -2
- package/dist/esm/limel-grid.entry.js +1 -1
- package/dist/esm/limel-header.entry.js +1 -1
- package/dist/esm/limel-help-content.entry.js +1 -1
- package/dist/esm/limel-help.entry.js +1 -1
- package/dist/esm/limel-helper-line_2.entry.js +1 -1
- package/dist/esm/limel-icon-button.entry.js +1 -1
- package/dist/esm/limel-icon.entry.js +1 -1
- package/dist/esm/limel-info-tile.entry.js +1 -1
- package/dist/esm/limel-linear-progress.entry.js +1 -1
- package/dist/esm/limel-list-item.entry.js +2 -2
- package/dist/esm/limel-markdown.entry.js +1 -1
- package/dist/esm/limel-menu-item-meta.entry.js +1 -1
- package/dist/esm/limel-picker.entry.js +1 -1
- package/dist/esm/limel-popover_2.entry.js +1 -1
- package/dist/esm/limel-portal_3.entry.js +1 -1
- package/dist/esm/limel-profile-picture.entry.js +1 -1
- package/dist/esm/limel-progress-flow-item.entry.js +2 -2
- package/dist/esm/limel-progress-flow.entry.js +2 -2
- package/dist/esm/limel-prosemirror-adapter.entry.js +1 -1
- package/dist/esm/limel-radio-button-group.entry.js +1 -1
- package/dist/esm/limel-radio-button.entry.js +2 -2
- package/dist/esm/limel-select.entry.js +2 -2
- package/dist/esm/limel-shortcut.entry.js +1 -1
- package/dist/esm/limel-slider.entry.js +2 -2
- package/dist/esm/limel-snackbar.entry.js +2 -2
- package/dist/esm/limel-split-button.entry.js +1 -1
- package/dist/esm/limel-switch.entry.js +2 -2
- package/dist/esm/limel-tab-bar.entry.js +2 -2
- package/dist/esm/limel-tab-panel.entry.js +1 -1
- package/dist/esm/limel-table.entry.js +2 -2
- package/dist/esm/limel-text-editor.entry.js +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/lime-elements/lime-elements.css +2 -2
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-f80d0b8b.entry.js → p-00859fac.entry.js} +1 -1
- package/dist/lime-elements/{p-6c51b3bd.entry.js → p-017dd326.entry.js} +1 -1
- package/dist/lime-elements/{p-a91b36d3.entry.js → p-045c6027.entry.js} +1 -1
- package/dist/lime-elements/{p-a0b6339c.entry.js → p-083b24bb.entry.js} +1 -1
- package/dist/lime-elements/{p-0d1c887c.entry.js → p-11f716f5.entry.js} +1 -1
- package/dist/lime-elements/{p-72489a91.entry.js → p-1e5b18cc.entry.js} +1 -1
- package/dist/lime-elements/{p-ce8be001.entry.js → p-23f7956e.entry.js} +1 -1
- package/dist/lime-elements/{p-7a47ecdc.entry.js → p-264f791d.entry.js} +1 -1
- package/dist/lime-elements/{p-690b9cf4.entry.js → p-2a5b259e.entry.js} +1 -1
- package/dist/lime-elements/{p-b857f209.entry.js → p-2c1538f0.entry.js} +1 -1
- package/dist/lime-elements/{p-48eb1ff2.entry.js → p-303d01e5.entry.js} +1 -1
- package/dist/lime-elements/{p-8850374d.entry.js → p-34ef71f2.entry.js} +1 -1
- package/dist/lime-elements/{p-3aa32860.entry.js → p-38fb97fe.entry.js} +1 -1
- package/dist/lime-elements/{p-ed20f52d.entry.js → p-3c933811.entry.js} +1 -1
- package/dist/lime-elements/{p-6abc7ed8.entry.js → p-478d225c.entry.js} +1 -1
- package/dist/lime-elements/{p-93c9b561.entry.js → p-4be18a57.entry.js} +1 -1
- package/dist/lime-elements/{p-be4e99b4.entry.js → p-52bb74b9.entry.js} +1 -1
- package/dist/lime-elements/{p-70450a21.entry.js → p-52edfe86.entry.js} +1 -1
- package/dist/lime-elements/{p-846a1d26.entry.js → p-534fdf9b.entry.js} +1 -1
- package/dist/lime-elements/{p-94c76e12.entry.js → p-5536e886.entry.js} +1 -1
- package/dist/lime-elements/{p-69fec8b9.entry.js → p-5d5f0a73.entry.js} +1 -1
- package/dist/lime-elements/{p-8c631f1e.entry.js → p-5ddeb498.entry.js} +1 -1
- package/dist/lime-elements/{p-7f50dd29.entry.js → p-6275668f.entry.js} +1 -1
- package/dist/lime-elements/{p-c127acfd.entry.js → p-6896d5c8.entry.js} +1 -1
- package/dist/lime-elements/{p-903c0e45.entry.js → p-68f49d6f.entry.js} +1 -1
- package/dist/lime-elements/p-693cbb67.entry.js +1 -0
- package/dist/lime-elements/{p-ea6204d1.entry.js → p-6951136b.entry.js} +1 -1
- package/dist/lime-elements/{p-a0ddf68a.entry.js → p-6aebcf60.entry.js} +1 -1
- package/dist/lime-elements/{p-638642a0.entry.js → p-6e3666e5.entry.js} +1 -1
- package/dist/lime-elements/{p-1f78b29b.entry.js → p-7457bc07.entry.js} +1 -1
- package/dist/lime-elements/{p-88519938.entry.js → p-7464e43d.entry.js} +1 -1
- package/dist/lime-elements/p-74fbf987.entry.js +1 -0
- package/dist/lime-elements/{p-ce82000d.entry.js → p-752df4bf.entry.js} +1 -1
- package/dist/lime-elements/p-7c37a99e.entry.js +1 -0
- package/dist/lime-elements/{p-8ba65d1b.entry.js → p-7d5bd4a2.entry.js} +1 -1
- package/dist/lime-elements/{p-df0892cd.entry.js → p-80d35f8f.entry.js} +1 -1
- package/dist/lime-elements/p-880b9683.entry.js +23 -0
- package/dist/lime-elements/{p-e50a1d0b.entry.js → p-88f503eb.entry.js} +1 -1
- package/dist/lime-elements/{p-99a9abf7.entry.js → p-8a2b2fac.entry.js} +1 -1
- package/dist/lime-elements/{p-9c80e222.entry.js → p-8db6b7d9.entry.js} +2 -2
- package/dist/lime-elements/{p-5028a09d.entry.js → p-927622ec.entry.js} +1 -1
- package/dist/lime-elements/{p-5054a30b.entry.js → p-9a8d6440.entry.js} +1 -1
- package/dist/lime-elements/{p-90688692.entry.js → p-9ea564fe.entry.js} +2 -2
- package/dist/lime-elements/{p-d22e07f0.entry.js → p-9ed578ec.entry.js} +1 -1
- package/dist/lime-elements/{p-ngNtOjhe.js → p-BlsZTyGA.js} +1 -1
- package/dist/lime-elements/p-a6fae24d.entry.js +1 -0
- package/dist/lime-elements/{p-ddc25dd2.entry.js → p-abef62d7.entry.js} +1 -1
- package/dist/lime-elements/{p-e33c71b7.entry.js → p-aea52308.entry.js} +1 -1
- package/dist/lime-elements/{p-773a37c0.entry.js → p-bbaf35ce.entry.js} +1 -1
- package/dist/lime-elements/{p-e77059f2.entry.js → p-c118eac0.entry.js} +1 -1
- package/dist/lime-elements/{p-5cddb3df.entry.js → p-c9e934af.entry.js} +1 -1
- package/dist/lime-elements/{p-10900b3f.entry.js → p-cbb7d624.entry.js} +1 -1
- package/dist/lime-elements/p-d1fa6da3.entry.js +67 -0
- package/dist/lime-elements/{p-2b0cfd52.entry.js → p-d2123236.entry.js} +1 -1
- package/dist/lime-elements/p-d424688d.entry.js +1 -0
- package/dist/lime-elements/{p-1c97671b.entry.js → p-d6270e4a.entry.js} +1 -1
- package/dist/lime-elements/p-dd36d57b.entry.js +203 -0
- package/dist/lime-elements/p-e11c9b40.entry.js +1 -0
- package/dist/lime-elements/{p-23ef08cc.entry.js → p-e1656821.entry.js} +2 -2
- package/dist/lime-elements/p-e6d74062.entry.js +1 -0
- package/dist/lime-elements/{p-70ea6855.entry.js → p-ec42a4aa.entry.js} +1 -1
- package/dist/lime-elements/{p-2b1f729d.entry.js → p-f395fbe3.entry.js} +1 -1
- package/dist/lime-elements/{p-170fd367.entry.js → p-fc3209db.entry.js} +1 -1
- package/dist/lime-elements/p-feeae1e4.entry.js +1 -0
- package/dist/lime-elements/{p-BudcI_o9.js → p-xvTBZcD2.js} +1 -1
- package/dist/lime-elements/style/color-palette-primary.scss.bak +1 -1
- package/dist/lime-elements/style/color-palette-ui.scss.bak +1 -1
- package/dist/lime-elements/style/internal/fieldset.scss +2 -2
- package/package.json +1 -1
- package/dist/lime-elements/p-1691e794.entry.js +0 -1
- package/dist/lime-elements/p-1db54640.entry.js +0 -1
- package/dist/lime-elements/p-45304b5c.entry.js +0 -23
- package/dist/lime-elements/p-4ab87bae.entry.js +0 -1
- package/dist/lime-elements/p-7203e289.entry.js +0 -203
- package/dist/lime-elements/p-8408a45f.entry.js +0 -1
- package/dist/lime-elements/p-c18a8a9f.entry.js +0 -1
- package/dist/lime-elements/p-d73c300f.entry.js +0 -1
- package/dist/lime-elements/p-da63420d.entry.js +0 -67
- package/dist/lime-elements/p-de541d0f.entry.js +0 -1
- package/dist/lime-elements/p-e6e65d9d.entry.js +0 -1
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,a as l,H as n}from"./p-xvTBZcD2.js";import{m as r,r as d}from"./p-BgTwPGeH.js";import{c as o}from"./p-JbKhhoXs.js";import{g as a,a as c}from"./p-COzG_Mhw.js";import{T as s,A as m,b as h,E as f,a as u,S as x,c as p,d as b}from"./p-CxzDbuiY.js";import{b as g,a as v,g as _}from"./p-5KsJICvh.js";import{g as y}from"./p-Dnt5w_Bp.js";import{d as w}from"./p-BviYUVSD.js";import{M as k}from"./p-BDAjvVhN.js";import{_ as I,a as T,M as E,m as A,d as C,c as O,b as z}from"./p-D-I_3IxW.js";import{f as S,z as D}from"./p-BqiDn_Sf.js";import{i as L}from"./p-DtS35Df5.js";import{g as R}from"./p-Dx8swykg.js";import{M as j}from"./p-D7ojrUFG.js";import{i as F}from"./p-B9Ofc5RB.js";import"./p-BJQylLSL.js";import"./p-D6dCQvwl.js";import"./p-BOEi1C7r.js";import"./p-oiMYqRQ0.js";import"./p-ClrXWM0F.js";import"./p-ZcW3uvZL.js";import"./p-Cs5T63LB.js";import"./p-f_1nwOC8.js";import"./p-efBXH4mj.js";const M=class{constructor(l){t(this,l),this.select=e(this,"select"),this.divider="›",this.renderSteps=()=>{const t=this.items.slice(0,-1);return this.areItemsLinks(this.items)?t.map(this.renderAsLink):t.map(this.renderAsButton)},this.renderAsButton=t=>{const e=o();return[i("button",{role:"listitem",id:e,class:"step",onClick:this.handleClick(t)},this.renderIcon(t),this.renderLabel(t)),this.renderTooltip(t,e)]},this.renderAsLink=t=>{const e=o();return[i("a",{role:"listitem",id:e,class:"step",href:t.link.href,title:t.link.title},this.renderIcon(t),this.renderLabel(t)),this.renderTooltip(t,e)]},this.renderLastStep=()=>{const t=this.items.slice(-1);return i("li",{class:"last step",tabindex:"-1","aria-current":this.areItemsLinks(this.items)?"page":"step"},this.renderIcon(t[0]),i("span",{class:"text"},t[0].text))},this.renderIcon=t=>{const e=a(t.icon),l=c(t.icon);if(e)return i("limel-icon",{style:{color:`${l}`},name:e})},this.renderLabel=t=>{if("icon-only"!==t.type)return i("span",{class:"text"},t.text)},this.renderTooltip=(t,e)=>{if("icon-only"===t.type)return i("limel-tooltip",{elementId:e,label:t.text})},this.areItemsLinks=t=>t.some((t=>"link"in t)),this.handleClick=t=>e=>{e.stopPropagation(),this.select.emit(t)}}render(){return i("ol",{key:"f50410ba0661038c303f8fbadb9147f858e70647",role:"navigation","aria-label":"Breadcrumb",style:{"--limel-breadcrumbs-divider":`'${this.divider}'`}},this.renderSteps(),this.renderLastStep())}componentWillLoad(){r(this.host)}disconnectedCallback(){d(this.host)}get host(){return l(this)}};M.style='@charset "UTF-8";:host(limel-breadcrumbs){--limel-breadcrumbs-item-height:1.5rem;--limel-breadcrumbs-gap:0.75rem;--limel-breadcrumbs-gap:0.75rem;--limel-breadcrumbs-item-text-color:var( --breadcrumbs-item-text-color, rgb(var(--contrast-1500)) );--limel-overflow-mask-horizontal:linear-gradient( to right, transparent 0%, black calc(0% + var(--limel-left-edge-fade-width, 1rem)), black calc(100% - var(--limel-right-edge-fade-width, 1rem)), transparent 100% );-webkit-mask-image:var(--limel-overflow-mask-horizontal);mask-image:var(--limel-overflow-mask-horizontal);padding-left:var(--limel-left-edge-fade-width, 1rem);padding-right:var(--limel-right-edge-fade-width, 1rem);--limel-left-edge-fade-width:0.5rem;--limel-right-edge-fade-width:0.5rem}ol,li,.step{all:unset}*{box-sizing:border-box}ol{padding:0.5rem;gap:var(--limel-breadcrumbs-gap)}.step{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;max-width:var(--breadcrumbs-item-max-width, 10rem);height:var(--limel-breadcrumbs-item-height);color:var(--limel-breadcrumbs-item-text-color);border-radius:100vw;font-size:var(--limel-theme-default-font-size);padding:0 0.25rem}.step:not(:has(.text)){padding:0 0.125rem}.step:not(.last):focus{outline:none}.step:not(.last):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.step:not(.last):after{content:var(--limel-breadcrumbs-divider);display:flex;align-items:center;justify-content:center;width:var(--limel-breadcrumbs-gap);position:absolute;top:0;right:calc(var(--limel-breadcrumbs-gap) * -1);bottom:0;left:auto;text-align:center}a.step{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--limel-breadcrumbs-item-text-color)}a.step:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a.step:hover{color:rgb(var(--color-blue-default))}a.step:hover:before{opacity:0.3;transform:scale(1)}button.step:not(.last){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-breadcrumbs-item-text-color);background-color:transparent}button.step:not(.last):hover,button.step:not(.last):focus,button.step:not(.last):focus-visible{will-change:color, background-color, box-shadow, transform}button.step:not(.last):hover,button.step:not(.last):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.step:not(.last):hover{box-shadow:var(--button-shadow-hovered)}button.step:not(.last):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.step:not(.last):hover,button.step:not(.last):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limel-icon{flex-shrink:0;width:calc(var(--limel-breadcrumbs-item-height) - 0.25rem);height:calc(var(--limel-breadcrumbs-item-height) - 0.25rem)}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0.25rem}.last{opacity:0.7}:host(limel-breadcrumbs){box-sizing:border-box;display:flex;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}:host(limel-breadcrumbs)::-webkit-scrollbar{display:none}:host(limel-breadcrumbs){direction:rtl}ol{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-right:auto}.step{direction:ltr}';const N=class{constructor(l){t(this,l),this.change=e(this,"change"),this.action=e(this,"action"),this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.type="text",this.formatNumber=!0,this.step="any",this.completions=[],this.showLink=!1,this.locale=y.defaultLocale,this.isFocused=!1,this.wasInvalid=!1,this.showCompletions=!1,this.completionsList=[],this.changeWaiting=!1,this.initialize=()=>{const t=this.limelInputField.shadowRoot.querySelector(".mdc-text-field");t&&(this.mdcTextField=new k(t),this.value&&(this.mdcTextField.value=this.value),this.invalid&&(this.mdcTextField.valid=!1),this.mapCompletions(),window.addEventListener("resize",this.layout,{passive:!0}),this.limelInputField.addEventListener("focus",this.setFocus))},this.mapCompletions=()=>{this.completionsList=[...this.completions].map((t=>({text:t})))},this.setFocus=()=>{this.mdcTextField.focus()},this.getContainerClassList=()=>{const t={"mdc-text-field":!0,"mdc-text-field--outlined":!0,"mdc-text-field--invalid":this.isInvalid(),"mdc-text-field--disabled":this.disabled||this.readonly,"lime-text-field--readonly":this.readonly,"mdc-text-field--required":this.required,"lime-text-field--empty":this.isEmpty(),"lime-has-prefix":this.hasPrefix(),"lime-has-suffix":this.hasSuffix()};return"textarea"===this.type?t["mdc-text-field--textarea"]=!0:(t["mdc-text-field--with-leading-icon"]=!!this.leadingIcon,t["mdc-text-field--with-trailing-icon"]=!!this.getTrailingIcon()),t},this.isEmpty=()=>{var t;return!("number"===this.type&&(null===(t=this.inputElement)||void 0===t?void 0:t.validity.badInput)||this.getCurrentValue())},this.getCurrentValue=()=>this.changeWaiting&&this.inputElement?this.inputElement.value:this.value,this.renderInput=t=>{if("textarea"!==this.type)return i("input",Object.assign({},t,{type:"urlAsText"===this.type?"text":this.type,pattern:this.pattern,onWheel:this.handleWheel,onKeyDown:this.onKeyDown,placeholder:this.placeholder}))},this.renderTextarea=t=>{if("textarea"===this.type)return i("span",{class:"mdc-text-field__resizer"},i("textarea",Object.assign({},t,{placeholder:this.placeholder})))},this.layout=()=>{var t;null===(t=this.mdcTextField)||void 0===t||t.layout(),this.restyleCompletionsDropDown()},this.restyleCompletionsDropDown=w((()=>{const t=this.showCompletions;this.showCompletions=!1,requestAnimationFrame((()=>{this.showCompletions=t}))}),100),this.getAdditionalProps=()=>{const t={};return"number"===this.type&&(t.step=this.step),"number"===this.type&&Number.isInteger(this.min)&&(t.min=this.min),"number"===this.type&&Number.isInteger(this.max)&&(t.max=this.max),this.minlength&&(t.minlength=this.minlength),this.maxlength&&(t.maxlength=this.maxlength),t},this.onFocus=()=>{this.isFocused=!0,this.showCompletions=!0},this.onBlur=()=>{this.isFocused=!1,this.validate(),this.changeEmitter.flush()},this.hasHelperText=()=>{var t;return!!(null!==(t=this.helperText)&&void 0!==t?t:this.validationMessage)},this.hasHelperLine=()=>this.maxlength>0||this.hasHelperText(),this.renderHelperLine=()=>{var t;const e=(this.getCurrentValue()||"").length;if(this.hasHelperLine())return i("limel-helper-line",{helperTextId:this.helperTextId,helperText:null!==(t=this.helperText)&&void 0!==t?t:this.validationMessage,length:e,maxLength:this.maxlength,invalid:this.isInvalid()})},this.renderSuffix=()=>{if(this.hasSuffix()&&"textarea"!==this.type)return i("span",{class:{"mdc-text-field__affix":!0,"mdc-text-field__affix--suffix":!0}},this.suffix)},this.hasSuffix=()=>null!=this.suffix,this.renderPrefix=()=>{if(this.hasPrefix()&&"textarea"!==this.type)return i("span",{class:{"mdc-text-field__affix":!0,"mdc-text-field__affix--prefix":!0}},this.prefix)},this.hasPrefix=()=>null!=this.prefix,this.isInvalid=()=>!this.readonly&&(!!this.invalid||this.wasInvalid),this.validate=()=>{this.readonly||this.invalid?this.wasInvalid=!1:this.inputElement&&(this.wasInvalid=!this.inputElement.checkValidity())},this.setInputElement=t=>{t&&(this.inputElement=t)},this.renderLeadingIcon=()=>{if("textarea"!==this.type)return this.leadingIcon?i("i",{class:"material-icons mdc-text-field__icon mdc-text-field__icon--leading"},i("limel-icon",{name:this.leadingIcon})):void 0},this.renderTrailingLinkOrButton=()=>{if("textarea"===this.type)return;const t=this.getTrailingIcon();return!this.isInvalid()&&this.hasLink()?this.renderLinkIcon(this.getLink(),t):t?this.renderTrailingIcon(t):void 0},this.hasLink=()=>this.showLink&&["email","tel","url","urlAsText"].includes(this.type),this.getLink=()=>{const t={href:""};switch(this.type){case"email":t.href=`mailto:${this.value}`;break;case"tel":t.href=`tel:${this.value}`;break;default:t.href=g(this.value),t.target=v(this.value),t.rel=_(t.target)}return t},this.renderLinkIcon=(t,e)=>i("a",Object.assign({},t,{class:"material-icons mdc-text-field__icon lime-trailing-icon-for-link",tabindex:this.disabled||this.isEmpty()?"-1":"0",role:"button"}),i("limel-icon",{name:e})),this.renderTrailingIcon=t=>this.isInvalid()?i("i",{key:"invalid",class:"material-icons mdc-text-field__icon invalid-icon"},i("limel-icon",{name:t})):i("i",{key:"action",class:"material-icons mdc-text-field__icon mdc-text-field__icon--trailing",tabIndex:0,role:"button",onKeyDown:this.handleIconKeyPress,onClick:this.handleIconClick},i("limel-icon",{name:t})),this.getTrailingIcon=()=>this.isInvalid()?"high_importance":this.trailingIcon?this.trailingIcon:this.showLink&&"email"===this.type?"filled_message":this.showLink&&"tel"===this.type?"phone":!this.showLink||"url"!==this.type&&"urlAsText"!==this.type?void 0:"external_link",this.renderFormattedNumber=()=>{if("number"!==this.type)return;let t=this.value;return this.formatNumber&&this.value&&(t=new Intl.NumberFormat(this.locale).format(Number(this.value)),"NaN"===t)?void 0:i("span",{class:"lime-formatted-input lime-looks-like-input-value"},t)},this.onKeyDown=t=>{this.showCompletions=!0;const e=t.key===s&&!t.altKey&&!t.metaKey&&!t.shiftKey,i=t.key===m,l=t.key===h;if(t.key===s&&t.shiftKey&&(this.showCompletions=!1),!e&&!i&&!l)return;const n=document.querySelector(` #${this.portalId} limel-list`);n&&(t.preventDefault(),e||l?n.shadowRoot.querySelector(".mdc-deprecated-list-item:first-child").focus():i&&n.shadowRoot.querySelector(".mdc-deprecated-list-item:last-child").focus())},this.handleCompletionChange=t=>{t.stopPropagation(),t.detail&&(this.showCompletions=!1,this.changeEmitter(t.detail.text),this.changeEmitter.flush())},this.renderAutocompleteList=()=>{if("textarea"===this.type||0===this.completions.length)return;const t=getComputedStyle(this.limelInputField).getPropertyValue("--dropdown-z-index");return i("limel-portal",{visible:this.showCompletions,containerId:this.portalId,inheritParentWidth:!0,containerStyle:{"z-index":t}},i("limel-menu-surface",{open:this.showCompletions,allowClicksElement:this.limelInputField,style:{"--menu-surface-width":"100%","max-height":"inherit",display:"flex"},onDismiss:this.handleCloseMenu},this.renderListResult()))},this.renderListResult=()=>{const t=this.filterCompletions(this.getCurrentValue());return t&&0!==t.length?i("limel-list",{onChange:this.handleCompletionChange,onKeyDown:this.handleKeyDownInDropdown,type:"selectable",items:t}):null},this.handleKeyDownInDropdown=t=>{[s,f,u].includes(t.key)&&this.setFocus()},this.handleCloseMenu=()=>{this.showCompletions=!1},this.filterCompletions=t=>t?this.completionsList.filter((e=>e.text.toLowerCase().includes(t.toLowerCase()))):this.completionsList,this.handleInput=t=>{t.stopPropagation();let e=t.target.value;if("number"===this.type){if(!e&&t.data)return void t.stopPropagation();e&&(e=Number(e))}this.changeWaiting=!0,this.changeEmitter(e)},this.changeEmitter=w((t=>{this.change.emit(t),this.changeWaiting=!1}),300),this.handleChange=t=>{t.stopPropagation(),this.changeEmitter.flush()},this.handleIconClick=()=>{this.action.emit()},this.handleIconKeyPress=t=>{(t.key===x||t.key===u)&&this.action.emit()},this.handleWheel=()=>{},this.portalId=o(),this.helperTextId=o(),this.labelId=o()}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}disconnectedCallback(){this.mdcTextField&&this.mdcTextField.destroy(),this.restyleCompletionsDropDown.cancel(),window.removeEventListener("resize",this.layout),this.limelInputField.removeEventListener("focus",this.setFocus)}componentDidUpdate(){this.invalid&&(this.mdcTextField.valid=!1),this.mdcTextField.disabled=this.disabled||this.readonly}async getSelectionStart(){var t,e;try{return null!==(e=null===(t=this.inputElement)||void 0===t?void 0:t.selectionStart)&&void 0!==e?e:null}catch(t){return null}}async getSelectionEnd(){var t,e;try{return null!==(e=null===(t=this.inputElement)||void 0===t?void 0:t.selectionEnd)&&void 0!==e?e:null}catch(t){return null}}async getSelectionDirection(){var t,e;try{return null!==(e=null===(t=this.inputElement)||void 0===t?void 0:t.selectionDirection)&&void 0!==e?e:null}catch(t){return null}}render(){const t=this.getAdditionalProps();t["aria-labelledby"]=this.labelId,t.class="mdc-text-field__input",t.ref=this.setInputElement,t.onInput=this.handleInput,t.onChange=this.handleChange,t.onFocus=this.onFocus,t.onBlur=this.onBlur,t.required=this.required,t.readonly=this.readonly,t.disabled=this.disabled||this.readonly;let e="";return this.hasHelperText()&&(e+=this.helperTextId,t["aria-describedby"]=this.helperTextId),this.renderAutocompleteList()&&(e&&(e+=" "),e+=this.portalId),e&&(t["aria-controls"]=e),i(n,{key:"27d4eae2584c5c267b1fe4c0f709273ff8fbd070"},i("limel-notched-outline",{key:"48a619c1679bd5df37198fa6c6e2be98cdaffff4",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid||this.isInvalid(),disabled:this.disabled,readonly:this.readonly,hasValue:!!this.value,hasLeadingIcon:!!this.leadingIcon},i("label",{key:"2b998ce425f699f03d8c9c4a0408c5f048eeaaf7",slot:"content",class:this.getContainerClassList()},this.renderLeadingIcon(),this.renderPrefix(),this.renderFormattedNumber(),this.renderInput(t),this.renderSuffix(),this.renderTextarea(t),this.renderTrailingLinkOrButton())),this.renderHelperLine(),this.renderAutocompleteList())}valueWatcher(t){this.mdcTextField&&(this.changeWaiting||"number"===this.type&&this.isFocused&&Number(t)===Number(this.mdcTextField.value)||(t!==this.mdcTextField.value&&(this.mdcTextField.value=t||""),this.wasInvalid&&this.validate()))}completionsWatcher(){this.mapCompletions()}get validationMessage(){var t;return this.isInvalid()&&!this.invalid&&(null===(t=this.inputElement)||void 0===t?void 0:t.validationMessage)||""}static get delegatesFocus(){return!0}get limelInputField(){return l(this)}static get watchers(){return{value:[{valueWatcher:0}],completions:[{completionsWatcher:0}]}}};
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2018 Google Inc.
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in
|
|
14
|
+
* all copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
22
|
+
* THE SOFTWARE.
|
|
23
|
+
*/
|
|
24
|
+
var B,Y;N.style='@charset "UTF-8";:host([type=url]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,:host([type=url]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon{color:rgb(var(--color-blue-default))}:host([type=url]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover,:host([type=url]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover{background-color:rgb(var(--color-blue-default)) !important}:host([type=url]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover limel-icon,:host([type=url]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover limel-icon,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover limel-icon,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover limel-icon{color:rgb(var(--color-white))}:host([type=tel]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,:host([type=tel]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon{color:rgb(var(--color-green-default))}:host([type=tel]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover,:host([type=tel]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover{background-color:rgb(var(--color-green-default)) !important}:host([type=tel]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover limel-icon,:host([type=tel]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover limel-icon{color:rgb(var(--color-white))}:host([type=email]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,:host([type=email]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon{color:rgb(var(--contrast-900))}:host([type=url]) .mdc-text-field.lime-text-field--readonly:hover .lime-looks-like-input-value,:host([type=url]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly:hover .lime-looks-like-input-value,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input,:host([type=tel]) .mdc-text-field.lime-text-field--readonly:hover .lime-looks-like-input-value,:host([type=tel]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input{color:rgb(var(--color-white))}:host([type=url]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input,:host([type=tel]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input{z-index:1}:host([type=url]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__input,:host([type=email]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__input,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__input,:host([type=tel]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 2.75rem)}:host([type=url]) .mdc-text-field.lime-text-field--readonly a.lime-trailing-icon-for-link,:host([type=email]) .mdc-text-field.lime-text-field--readonly a.lime-trailing-icon-for-link,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly a.lime-trailing-icon-for-link,:host([type=tel]) .mdc-text-field.lime-text-field--readonly a.lime-trailing-icon-for-link{width:100% !important}:host([readonly]) .mdc-text-field__input{opacity:1;-webkit-text-fill-color:rgba(var(--contrast-1400), 1)}:host([type=textarea]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__resizer{pointer-events:all}:host(limel-input-field){position:relative;display:flex;flex-direction:column}:host([hidden]){display:none}:host([type=textarea]){height:var(--textarea-height, 100%)}:host([type=textarea]) limel-notched-outline{flex-grow:1}:host([type=textarea]) .mdc-text-field.mdc-text-field--textarea{height:var(--textarea-height, 100%)}:host([type=textarea]) .mdc-text-field.mdc-text-field--textarea .mdc-text-field__input::placeholder{color:rgb(var(--contrast-900)) !important;font-size:var(--limel-theme-default-font-size) !important;font-family:inherit !important}:host([type=textarea]) .mdc-text-field.mdc-text-field--textarea .mdc-text-field__input{margin-top:0.5rem;margin-bottom:0}:host(limel-input-field:focus),:host(limel-input-field:focus-visible),:host(limel-input-field:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-input-field){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-input-field:focus) limel-helper-line,:host(limel-input-field:focus-visible) limel-helper-line,:host(limel-input-field:focus-within) limel-helper-line,:host(limel-input-field: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,.mdc-text-field:not(.mdc-text-field--disabled) a.lime-trailing-icon-for-link{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,.mdc-text-field--invalid:not(.mdc-text-field--disabled) a.lime-trailing-icon-for-link{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,.mdc-text-field--disabled a.lime-trailing-icon-for-link{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,.mdc-text-field--disabled a.lime-trailing-icon-for-link{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,[dir=rtl] .mdc-text-field--ltr-text a.lime-trailing-icon-for-link,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] a.lime-trailing-icon-for-link{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,a.lime-trailing-icon-for-link{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,[dir=rtl] a.lime-trailing-icon-for-link,.mdc-text-field__icon--trailing[dir=rtl],a[dir=rtl].lime-trailing-icon-for-link{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,a.lime-trailing-icon-for-link{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,[dir=rtl] a.lime-trailing-icon-for-link,.mdc-text-field__icon--trailing[dir=rtl],a[dir=rtl].lime-trailing-icon-for-link{margin-left:0px;margin-right:0px;}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-text-field__input{background-color:transparent;color:rgba(var(--contrast-1400), 1)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-leading-icon .lime-looks-like-input-value,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.has-leading-icon .lime-looks-like-input-value{padding-left:1rem}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .lime-looks-like-input-value{color:rgba(var(--contrast-1400), 1);opacity:1}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-floating-label{color:rgba(var(--contrast-1200), 1)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-notched-outline__leading,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-notched-outline__notch,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-notched-outline__trailing{border-color:transparent}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--limel-theme-error-text-color)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon input.mdc-text-field__input{pointer-events:none}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link{width:calc(100% - 1rem);position:absolute;left:0;display:flex;justify-content:flex-end;align-items:center;pointer-events:auto;color:rgba(var(--contrast-1200), 1);border-radius:0.25rem}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon{width:1.5rem;margin-right:0.25rem}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon--trailing:hover,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon:hover a.lime-trailing-icon-for-link:hover{box-shadow:var(--button-shadow-hovered)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon--trailing:active,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon:hover a.lime-trailing-icon-for-link:active{box-shadow:var(--button-shadow-pressed)}.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}.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing,.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link{transition:background-color 0.2s ease, box-shadow 0.3s ease;border-radius:50%;padding:0.5rem}.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:focus,.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:focus{outline:none}.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:focus-visible,.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:focus-visible{box-shadow:0 0 0 0.125rem var(--lime-primary-color, var(--limel-theme-primary-color)) !important}.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled):hover .mdc-text-field__icon--trailing,.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled):hover a.lime-trailing-icon-for-link{box-shadow:var(--button-shadow-normal);background-color:rgba(var(--contrast-100), 0.4)}.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled):hover .mdc-text-field__icon--trailing:hover,.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled):hover a.lime-trailing-icon-for-link:hover{background-color:rgb(var(--contrast-100));box-shadow:var(--button-shadow-hovered)}.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled):hover .mdc-text-field__icon--trailing:active,.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled):hover a.lime-trailing-icon-for-link:active{box-shadow:var(--button-shadow-pressed)}.mdc-text-field--with-trailing-icon.mdc-text-field--invalid i.mdc-text-field__icon.invalid-icon limel-icon{color:var(--limel-theme-error-text-color)}.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 .lime-looks-like-input-value{cursor:not-allowed;opacity:0.4}.lime-text-field--empty .mdc-text-field__icon--trailing,.lime-text-field--empty a.lime-trailing-icon-for-link{cursor:not-allowed;opacity:0.4;pointer-events:none;box-shadow:none !important}limel-notched-outline[has-value] .mdc-text-field__affix,limel-notched-outline:focus-within .mdc-text-field__affix{opacity:1}:host(limel-input-field:not([type=textarea])) .limel-notched-outline{height:2.5rem}.mdc-text-field{width:100%}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:rgb(var(--contrast-900))}.mdc-text-field.mdc-text-field--disabled .mdc-text-field__affix,.mdc-text-field.mdc-text-field--disabled .mdc-text-field__icon{color:rgb(var(--contrast-700))}.lime-formatted-input{display:none;width:calc(100% - 1.25rem);z-index:1;pointer-events:none}.mdc-text-field:not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .lime-formatted-input{display:block}.lime-formatted-input+.mdc-text-field__input{z-index:2}.mdc-text-field:not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .mdc-text-field__input[type=number]{color:transparent;-webkit-text-fill-color:transparent}.mdc-text-field:not(.mdc-text-field--focused):not(.mdc-text-field--invalid).lime-text-field--readonly .mdc-text-field__input[type=number]{visibility:hidden}.autocomplete-list-container{position:relative}.autocomplete-list{background-color:var(--lime-elevated-surface-background-color);position:absolute;top:0;left:0;right:0;max-height:12.5rem;overflow-y:auto}.mdc-deprecated-list-item{cursor:pointer}.mdc-text-field__input{font-size:var(--limel-theme-default-font-size) !important;font-family:inherit !important}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(var(--contrast-1400), 1)}.mdc-text-field.mdc-text-field--disabled .mdc-text-field__input{color:rgba(var(--contrast-1400), 0.5)}input.mdc-text-field__input::placeholder{color:rgb(var(--contrast-900)) !important;font-size:var(--limel-theme-default-font-size) !important;font-family:inherit !important}input.mdc-text-field__input::-webkit-search-cancel-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))}input.mdc-text-field__input::-webkit-search-cancel-button:hover,input.mdc-text-field__input::-webkit-search-cancel-button:focus,input.mdc-text-field__input::-webkit-search-cancel-button:focus-visible{will-change:color, background-color, box-shadow, transform}input.mdc-text-field__input::-webkit-search-cancel-button:hover,input.mdc-text-field__input::-webkit-search-cancel-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:rgb(var(--color-white));background-color:rgb(var(--color-red-default))}input.mdc-text-field__input::-webkit-search-cancel-button:hover{box-shadow:var(--button-shadow-hovered)}input.mdc-text-field__input::-webkit-search-cancel-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)}input.mdc-text-field__input::-webkit-search-cancel-button:hover,input.mdc-text-field__input::-webkit-search-cancel-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}input.mdc-text-field__input::-webkit-search-cancel-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");-webkit-appearance:none;position:absolute;right:0;top:0;bottom:0;margin:auto}input.mdc-text-field__input::-webkit-search-cancel-button:active{transform:none}.mdc-text-field--label-floating input.mdc-text-field__input::-webkit-search-cancel-button{opacity:1}.mdc-text-field.mdc-text-field--outlined{height:2.5rem}.mdc-text-field--with-trailing-icon .mdc-text-field__icon:last-child{padding:0.25rem;margin-right:0.25rem}.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-text-field__icon--leading{margin-left:0.25rem}.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-floating-label{left:1.5rem}';var X={LIST_ITEM_ACTIVATED_CLASS:"mdc-list-item--activated",LIST_ITEM_CLASS:"mdc-list-item",LIST_ITEM_DISABLED_CLASS:"mdc-list-item--disabled",LIST_ITEM_SELECTED_CLASS:"mdc-list-item--selected",LIST_ITEM_TEXT_CLASS:"mdc-list-item__text",LIST_ITEM_PRIMARY_TEXT_CLASS:"mdc-list-item__primary-text",ROOT:"mdc-list"},U=((B={})[""+X.LIST_ITEM_ACTIVATED_CLASS]="mdc-list-item--activated",B[""+X.LIST_ITEM_CLASS]="mdc-list-item",B[""+X.LIST_ITEM_DISABLED_CLASS]="mdc-list-item--disabled",B[""+X.LIST_ITEM_SELECTED_CLASS]="mdc-list-item--selected",B[""+X.LIST_ITEM_PRIMARY_TEXT_CLASS]="mdc-list-item__primary-text",B[""+X.ROOT]="mdc-list",B),H=((Y={})[""+X.LIST_ITEM_ACTIVATED_CLASS]="mdc-deprecated-list-item--activated",Y[""+X.LIST_ITEM_CLASS]="mdc-deprecated-list-item",Y[""+X.LIST_ITEM_DISABLED_CLASS]="mdc-deprecated-list-item--disabled",Y[""+X.LIST_ITEM_SELECTED_CLASS]="mdc-deprecated-list-item--selected",Y[""+X.LIST_ITEM_TEXT_CLASS]="mdc-deprecated-list-item__text",Y[""+X.LIST_ITEM_PRIMARY_TEXT_CLASS]="mdc-deprecated-list-item__primary-text",Y[""+X.ROOT]="mdc-deprecated-list",Y),P={ACTION_EVENT:"MDCList:action",ARIA_CHECKED:"aria-checked",ARIA_CHECKED_CHECKBOX_SELECTOR:'[role="checkbox"][aria-checked="true"]',ARIA_CHECKED_RADIO_SELECTOR:'[role="radio"][aria-checked="true"]',ARIA_CURRENT:"aria-current",ARIA_DISABLED:"aria-disabled",ARIA_ORIENTATION:"aria-orientation",ARIA_ORIENTATION_HORIZONTAL:"horizontal",ARIA_ROLE_CHECKBOX_SELECTOR:'[role="checkbox"]',ARIA_SELECTED:"aria-selected",ARIA_INTERACTIVE_ROLES_SELECTOR:'[role="listbox"], [role="menu"]',ARIA_MULTI_SELECTABLE_SELECTOR:'[aria-multiselectable="true"]',CHECKBOX_RADIO_SELECTOR:'input[type="checkbox"], input[type="radio"]',CHECKBOX_SELECTOR:'input[type="checkbox"]',CHILD_ELEMENTS_TO_TOGGLE_TABINDEX:"\n ."+X.LIST_ITEM_CLASS+" button:not(:disabled),\n ."+X.LIST_ITEM_CLASS+" a,\n ."+H[X.LIST_ITEM_CLASS]+" button:not(:disabled),\n ."+H[X.LIST_ITEM_CLASS]+" a\n ",DEPRECATED_SELECTOR:".mdc-deprecated-list",FOCUSABLE_CHILD_ELEMENTS:"\n ."+X.LIST_ITEM_CLASS+" button:not(:disabled),\n ."+X.LIST_ITEM_CLASS+" a,\n ."+X.LIST_ITEM_CLASS+' input[type="radio"]:not(:disabled),\n .'+X.LIST_ITEM_CLASS+' input[type="checkbox"]:not(:disabled),\n .'+H[X.LIST_ITEM_CLASS]+" button:not(:disabled),\n ."+H[X.LIST_ITEM_CLASS]+" a,\n ."+H[X.LIST_ITEM_CLASS]+' input[type="radio"]:not(:disabled),\n .'+H[X.LIST_ITEM_CLASS]+' input[type="checkbox"]:not(:disabled)\n ',RADIO_SELECTOR:'input[type="radio"]',SELECTED_ITEM_SELECTOR:'[aria-selected="true"], [aria-current="true"]'},G={UNSET_INDEX:-1,TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS:300},W="Backspace",K="Enter",V="Spacebar",q="PageUp",$="PageDown",Z="End",J="Home",Q="ArrowLeft",tt="ArrowUp",et="ArrowRight",it="ArrowDown",lt="Delete",nt="Escape",rt=new Set;rt.add(W),rt.add(K),rt.add(V),rt.add(q),rt.add($),rt.add(Z),rt.add(J),rt.add(Q),rt.add(tt),rt.add(et),rt.add(it),rt.add(lt),rt.add(nt),rt.add("Tab");var dt=new Map;dt.set(8,W),dt.set(13,K),dt.set(32,V),dt.set(33,q),dt.set(34,$),dt.set(35,Z),dt.set(36,J),dt.set(37,Q),dt.set(38,tt),dt.set(39,et),dt.set(40,it),dt.set(46,lt),dt.set(27,nt),dt.set(9,"Tab");var ot=new Set;function at(t){var e=t.key;return rt.has(e)?e:dt.get(t.keyCode)||"Unknown"}
|
|
25
|
+
/**
|
|
26
|
+
* @license
|
|
27
|
+
* Copyright 2020 Google Inc.
|
|
28
|
+
*
|
|
29
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
30
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
31
|
+
* in the Software without restriction, including without limitation the rights
|
|
32
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
33
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
34
|
+
* furnished to do so, subject to the following conditions:
|
|
35
|
+
*
|
|
36
|
+
* The above copyright notice and this permission notice shall be included in
|
|
37
|
+
* all copies or substantial portions of the Software.
|
|
38
|
+
*
|
|
39
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
40
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
41
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
42
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
43
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
44
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
45
|
+
* THE SOFTWARE.
|
|
46
|
+
*/ot.add(q),ot.add($),ot.add(Z),ot.add(J),ot.add(Q),ot.add(tt),ot.add(et),ot.add(it);var ct=["input","button","textarea","select"],st=function(t){var e=t.target;if(e){var i=(""+e.tagName).toLowerCase();-1===ct.indexOf(i)&&t.preventDefault()}};function mt(t,e){var i,l=t.nextChar,n=t.focusItemAtIndex,r=t.sortedIndexByFirstChar,d=t.focusedItemIndex,o=t.skipFocus,a=t.isItemAtIndexDisabled;return clearTimeout(e.bufferClearTimeout),e.bufferClearTimeout=setTimeout((function(){ft(e)}),G.TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS),e.typeaheadBuffer=e.typeaheadBuffer+l,i=1===e.typeaheadBuffer.length?function(t,e,i,l){var n=l.typeaheadBuffer[0],r=t.get(n);if(!r)return-1;if(n===l.currentFirstChar&&r[l.sortedIndexCursor].index===e){l.sortedIndexCursor=(l.sortedIndexCursor+1)%r.length;var d=r[l.sortedIndexCursor].index;if(!i(d))return d}l.currentFirstChar=n;var o,a=-1;for(o=0;o<r.length;o++)if(!i(r[o].index)){a=o;break}for(;o<r.length;o++)if(r[o].index>e&&!i(r[o].index)){a=o;break}return-1!==a?(l.sortedIndexCursor=a,r[l.sortedIndexCursor].index):-1}(r,d,a,e):function(t,e,i){var l=t.get(i.typeaheadBuffer[0]);if(!l)return-1;var n=l[i.sortedIndexCursor];if(0===n.text.lastIndexOf(i.typeaheadBuffer,0)&&!e(n.index))return n.index;for(var r=(i.sortedIndexCursor+1)%l.length,d=-1;r!==i.sortedIndexCursor;){var o=l[r],a=0===o.text.lastIndexOf(i.typeaheadBuffer,0),c=!e(o.index);if(a&&c){d=r;break}r=(r+1)%l.length}return-1!==d?(i.sortedIndexCursor=d,l[i.sortedIndexCursor].index):-1}(r,a,e),-1===i||o||n(i),i}function ht(t){return t.typeaheadBuffer.length>0}function ft(t){t.typeaheadBuffer=""}function ut(t,e){var i=t.event,l=t.isTargetListItem,n=t.focusedItemIndex,r=t.focusItemAtIndex,d=t.sortedIndexByFirstChar,o=t.isItemAtIndexDisabled,a="ArrowLeft"===at(i),c="ArrowUp"===at(i),s="ArrowRight"===at(i),m="ArrowDown"===at(i),h="Home"===at(i),f="End"===at(i),u="Enter"===at(i),x="Spacebar"===at(i);return i.ctrlKey||i.metaKey||a||c||s||m||h||f||u?-1:x||1!==i.key.length?x?(l&&st(i),l&&ht(e)?mt({focusItemAtIndex:r,focusedItemIndex:n,nextChar:" ",sortedIndexByFirstChar:d,skipFocus:!1,isItemAtIndexDisabled:o},e):-1):-1:(st(i),mt({focusItemAtIndex:r,focusedItemIndex:n,nextChar:i.key.toLowerCase(),sortedIndexByFirstChar:d,skipFocus:!1,isItemAtIndexDisabled:o},e))}
|
|
47
|
+
/**
|
|
48
|
+
* @license
|
|
49
|
+
* Copyright 2018 Google Inc.
|
|
50
|
+
*
|
|
51
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
52
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
53
|
+
* in the Software without restriction, including without limitation the rights
|
|
54
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
55
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
56
|
+
* furnished to do so, subject to the following conditions:
|
|
57
|
+
*
|
|
58
|
+
* The above copyright notice and this permission notice shall be included in
|
|
59
|
+
* all copies or substantial portions of the Software.
|
|
60
|
+
*
|
|
61
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
62
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
63
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
64
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
65
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
66
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
67
|
+
* THE SOFTWARE.
|
|
68
|
+
*/var xt=function(t){function e(i){var l=t.call(this,T(T({},e.defaultAdapter),i))||this;return l.wrapFocus=!1,l.isVertical=!0,l.isSingleSelectionList=!1,l.selectedIndex=G.UNSET_INDEX,l.focusedItemIndex=G.UNSET_INDEX,l.useActivatedClass=!1,l.useSelectedAttr=!1,l.ariaCurrentAttrValue=null,l.isCheckboxList=!1,l.isRadioList=!1,l.hasTypeahead=!1,l.typeaheadState={bufferClearTimeout:0,currentFirstChar:"",sortedIndexCursor:0,typeaheadBuffer:""},l.sortedIndexByFirstChar=new Map,l}return I(e,t),Object.defineProperty(e,"strings",{get:function(){return P},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return X},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return G},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClassForElementIndex:function(){},focusItemAtIndex:function(){},getAttributeForElementIndex:function(){return null},getFocusedElementIndex:function(){return 0},getListItemCount:function(){return 0},hasCheckboxAtIndex:function(){return!1},hasRadioAtIndex:function(){return!1},isCheckboxCheckedAtIndex:function(){return!1},isFocusInsideList:function(){return!1},isRootFocused:function(){return!1},listItemAtIndexHasClass:function(){return!1},notifyAction:function(){},removeClassForElementIndex:function(){},setAttributeForElementIndex:function(){},setCheckedCheckboxOrRadioAtIndex:function(){},setTabIndexForListItemChildren:function(){},getPrimaryTextAtIndex:function(){return""}}},enumerable:!1,configurable:!0}),e.prototype.layout=function(){0!==this.adapter.getListItemCount()&&(this.adapter.hasCheckboxAtIndex(0)?this.isCheckboxList=!0:this.adapter.hasRadioAtIndex(0)?this.isRadioList=!0:this.maybeInitializeSingleSelection(),this.hasTypeahead&&(this.sortedIndexByFirstChar=this.typeaheadInitSortedIndex()))},e.prototype.getFocusedItemIndex=function(){return this.focusedItemIndex},e.prototype.setWrapFocus=function(t){this.wrapFocus=t},e.prototype.setVerticalOrientation=function(t){this.isVertical=t},e.prototype.setSingleSelection=function(t){this.isSingleSelectionList=t,t&&(this.maybeInitializeSingleSelection(),this.selectedIndex=this.getSelectedIndexFromDOM())},e.prototype.maybeInitializeSingleSelection=function(){var t=this.getSelectedIndexFromDOM();t!==G.UNSET_INDEX&&(this.adapter.listItemAtIndexHasClass(t,X.LIST_ITEM_ACTIVATED_CLASS)&&this.setUseActivatedClass(!0),this.isSingleSelectionList=!0,this.selectedIndex=t)},e.prototype.getSelectedIndexFromDOM=function(){for(var t=G.UNSET_INDEX,e=this.adapter.getListItemCount(),i=0;i<e;i++){var l=this.adapter.listItemAtIndexHasClass(i,X.LIST_ITEM_SELECTED_CLASS),n=this.adapter.listItemAtIndexHasClass(i,X.LIST_ITEM_ACTIVATED_CLASS);if(l||n){t=i;break}}return t},e.prototype.setHasTypeahead=function(t){this.hasTypeahead=t,t&&(this.sortedIndexByFirstChar=this.typeaheadInitSortedIndex())},e.prototype.isTypeaheadInProgress=function(){return this.hasTypeahead&&ht(this.typeaheadState)},e.prototype.setUseActivatedClass=function(t){this.useActivatedClass=t},e.prototype.setUseSelectedAttribute=function(t){this.useSelectedAttr=t},e.prototype.getSelectedIndex=function(){return this.selectedIndex},e.prototype.setSelectedIndex=function(t,e){var i=(void 0===e?{}:e).forceUpdate;this.isIndexValid(t)&&(this.isCheckboxList?this.setCheckboxAtIndex(t):this.isRadioList?this.setRadioAtIndex(t):this.setSingleSelectionAtIndex(t,{forceUpdate:i}))},e.prototype.handleFocusIn=function(t){t>=0&&(this.focusedItemIndex=t,this.adapter.setAttributeForElementIndex(t,"tabindex","0"),this.adapter.setTabIndexForListItemChildren(t,"0"))},e.prototype.handleFocusOut=function(t){var e=this;t>=0&&(this.adapter.setAttributeForElementIndex(t,"tabindex","-1"),this.adapter.setTabIndexForListItemChildren(t,"-1")),setTimeout((function(){e.adapter.isFocusInsideList()||e.setTabindexToFirstSelectedOrFocusedItem()}),0)},e.prototype.handleKeydown=function(t,e,i){var l=this,n="ArrowLeft"===at(t),r="ArrowUp"===at(t),d="ArrowRight"===at(t),o="ArrowDown"===at(t),a="Home"===at(t),c="End"===at(t),s="Enter"===at(t),m="Spacebar"===at(t),h="A"===t.key||"a"===t.key;if(this.adapter.isRootFocused())r||c?(t.preventDefault(),this.focusLastElement()):(o||a)&&(t.preventDefault(),this.focusFirstElement()),this.hasTypeahead&&ut({event:t,focusItemAtIndex:function(t){l.focusItemAtIndex(t)},focusedItemIndex:-1,isTargetListItem:e,sortedIndexByFirstChar:this.sortedIndexByFirstChar,isItemAtIndexDisabled:function(t){return l.adapter.listItemAtIndexHasClass(t,X.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState);else{var f=this.adapter.getFocusedElementIndex();if(!(-1===f&&(f=i)<0)){if(this.isVertical&&o||!this.isVertical&&d)st(t),this.focusNextElement(f);else if(this.isVertical&&r||!this.isVertical&&n)st(t),this.focusPrevElement(f);else if(a)st(t),this.focusFirstElement();else if(c)st(t),this.focusLastElement();else if(h&&t.ctrlKey&&this.isCheckboxList)t.preventDefault(),this.toggleAll(this.selectedIndex===G.UNSET_INDEX?[]:this.selectedIndex);else if((s||m)&&e){var u=t.target;if(u&&"A"===u.tagName&&s)return;if(st(t),this.adapter.listItemAtIndexHasClass(f,X.LIST_ITEM_DISABLED_CLASS))return;this.isTypeaheadInProgress()||(this.isSelectableList()&&this.setSelectedIndexOnAction(f),this.adapter.notifyAction(f))}this.hasTypeahead&&ut({event:t,focusItemAtIndex:function(t){l.focusItemAtIndex(t)},focusedItemIndex:this.focusedItemIndex,isTargetListItem:e,sortedIndexByFirstChar:this.sortedIndexByFirstChar,isItemAtIndexDisabled:function(t){return l.adapter.listItemAtIndexHasClass(t,X.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)}}},e.prototype.handleClick=function(t,e){t!==G.UNSET_INDEX&&(this.adapter.listItemAtIndexHasClass(t,X.LIST_ITEM_DISABLED_CLASS)||(this.isSelectableList()&&this.setSelectedIndexOnAction(t,e),this.adapter.notifyAction(t)))},e.prototype.focusNextElement=function(t){var e=t+1;if(e>=this.adapter.getListItemCount()){if(!this.wrapFocus)return t;e=0}return this.focusItemAtIndex(e),e},e.prototype.focusPrevElement=function(t){var e=t-1;if(e<0){if(!this.wrapFocus)return t;e=this.adapter.getListItemCount()-1}return this.focusItemAtIndex(e),e},e.prototype.focusFirstElement=function(){return this.focusItemAtIndex(0),0},e.prototype.focusLastElement=function(){var t=this.adapter.getListItemCount()-1;return this.focusItemAtIndex(t),t},e.prototype.focusInitialElement=function(){var t=this.getFirstSelectedOrFocusedItemIndex();return this.focusItemAtIndex(t),t},e.prototype.setEnabled=function(t,e){this.isIndexValid(t)&&(e?(this.adapter.removeClassForElementIndex(t,X.LIST_ITEM_DISABLED_CLASS),this.adapter.setAttributeForElementIndex(t,P.ARIA_DISABLED,"false")):(this.adapter.addClassForElementIndex(t,X.LIST_ITEM_DISABLED_CLASS),this.adapter.setAttributeForElementIndex(t,P.ARIA_DISABLED,"true")))},e.prototype.setSingleSelectionAtIndex=function(t,e){if(this.selectedIndex!==t||(void 0===e?{}:e).forceUpdate){var i=X.LIST_ITEM_SELECTED_CLASS;this.useActivatedClass&&(i=X.LIST_ITEM_ACTIVATED_CLASS),this.selectedIndex!==G.UNSET_INDEX&&this.adapter.removeClassForElementIndex(this.selectedIndex,i),this.setAriaForSingleSelectionAtIndex(t),this.setTabindexAtIndex(t),t!==G.UNSET_INDEX&&this.adapter.addClassForElementIndex(t,i),this.selectedIndex=t}},e.prototype.setAriaForSingleSelectionAtIndex=function(t){this.selectedIndex===G.UNSET_INDEX&&(this.ariaCurrentAttrValue=this.adapter.getAttributeForElementIndex(t,P.ARIA_CURRENT));var e=null!==this.ariaCurrentAttrValue,i=e?P.ARIA_CURRENT:P.ARIA_SELECTED;this.selectedIndex!==G.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(this.selectedIndex,i,"false"),t!==G.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(t,i,e?this.ariaCurrentAttrValue:"true")},e.prototype.getSelectionAttribute=function(){return this.useSelectedAttr?P.ARIA_SELECTED:P.ARIA_CHECKED},e.prototype.setRadioAtIndex=function(t){var e=this.getSelectionAttribute();this.adapter.setCheckedCheckboxOrRadioAtIndex(t,!0),this.selectedIndex!==G.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(this.selectedIndex,e,"false"),this.adapter.setAttributeForElementIndex(t,e,"true"),this.selectedIndex=t},e.prototype.setCheckboxAtIndex=function(t){for(var e=this.getSelectionAttribute(),i=0;i<this.adapter.getListItemCount();i++){var l=!1;t.indexOf(i)>=0&&(l=!0),this.adapter.setCheckedCheckboxOrRadioAtIndex(i,l),this.adapter.setAttributeForElementIndex(i,e,l?"true":"false")}this.selectedIndex=t},e.prototype.setTabindexAtIndex=function(t){this.focusedItemIndex===G.UNSET_INDEX&&0!==t?this.adapter.setAttributeForElementIndex(0,"tabindex","-1"):this.focusedItemIndex>=0&&this.focusedItemIndex!==t&&this.adapter.setAttributeForElementIndex(this.focusedItemIndex,"tabindex","-1"),this.selectedIndex instanceof Array||this.selectedIndex===t||this.adapter.setAttributeForElementIndex(this.selectedIndex,"tabindex","-1"),t!==G.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(t,"tabindex","0")},e.prototype.isSelectableList=function(){return this.isSingleSelectionList||this.isCheckboxList||this.isRadioList},e.prototype.setTabindexToFirstSelectedOrFocusedItem=function(){var t=this.getFirstSelectedOrFocusedItemIndex();this.setTabindexAtIndex(t)},e.prototype.getFirstSelectedOrFocusedItemIndex=function(){return this.isSelectableList()?"number"==typeof this.selectedIndex&&this.selectedIndex!==G.UNSET_INDEX?this.selectedIndex:this.selectedIndex instanceof Array&&this.selectedIndex.length>0?this.selectedIndex.reduce((function(t,e){return Math.min(t,e)})):0:Math.max(this.focusedItemIndex,0)},e.prototype.isIndexValid=function(t){var e=this;if(t instanceof Array){if(!this.isCheckboxList)throw new Error("MDCListFoundation: Array of index is only supported for checkbox based list");return 0===t.length||t.some((function(t){return e.isIndexInRange(t)}))}if("number"==typeof t){if(this.isCheckboxList)throw new Error("MDCListFoundation: Expected array of index for checkbox based list but got number: "+t);return this.isIndexInRange(t)||this.isSingleSelectionList&&t===G.UNSET_INDEX}return!1},e.prototype.isIndexInRange=function(t){var e=this.adapter.getListItemCount();return t>=0&&t<e},e.prototype.setSelectedIndexOnAction=function(t,e){void 0===e&&(e=!0),this.isCheckboxList?this.toggleCheckboxAtIndex(t,e):this.setSelectedIndex(t)},e.prototype.toggleCheckboxAtIndex=function(t,e){var i=this.getSelectionAttribute(),l=this.adapter.isCheckboxCheckedAtIndex(t);e&&this.adapter.setCheckedCheckboxOrRadioAtIndex(t,l=!l),this.adapter.setAttributeForElementIndex(t,i,l?"true":"false");var n=this.selectedIndex===G.UNSET_INDEX?[]:this.selectedIndex.slice();l?n.push(t):n=n.filter((function(e){return e!==t})),this.selectedIndex=n},e.prototype.focusItemAtIndex=function(t){this.adapter.focusItemAtIndex(t),this.focusedItemIndex=t},e.prototype.toggleAll=function(t){var e=this.adapter.getListItemCount();if(t.length===e)this.setCheckboxAtIndex([]);else{for(var i=[],l=0;l<e;l++)(!this.adapter.listItemAtIndexHasClass(l,X.LIST_ITEM_DISABLED_CLASS)||t.indexOf(l)>-1)&&i.push(l);this.setCheckboxAtIndex(i)}},e.prototype.typeaheadMatchItem=function(t,e,i){var l=this;return void 0===i&&(i=!1),mt({focusItemAtIndex:function(t){l.focusItemAtIndex(t)},focusedItemIndex:e||this.focusedItemIndex,nextChar:t,sortedIndexByFirstChar:this.sortedIndexByFirstChar,skipFocus:i,isItemAtIndexDisabled:function(t){return l.adapter.listItemAtIndexHasClass(t,X.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)},e.prototype.typeaheadInitSortedIndex=function(){return function(t,e){for(var i=new Map,l=0;l<t;l++){var n=e(l).trim();if(n){var r=n[0].toLowerCase();i.has(r)||i.set(r,[]),i.get(r).push({text:n.toLowerCase(),index:l})}}return i.forEach((function(t){t.sort((function(t,e){return t.index-e.index}))})),i}(this.adapter.getListItemCount(),this.adapter.getPrimaryTextAtIndex)},e.prototype.clearTypeaheadBuffer=function(){ft(this.typeaheadState)},e}(E),pt=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return I(e,t),Object.defineProperty(e.prototype,"vertical",{set:function(t){this.foundation.setVerticalOrientation(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"listElements",{get:function(){return Array.from(this.root.querySelectorAll("."+this.classNameMap[X.LIST_ITEM_CLASS]))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"wrapFocus",{set:function(t){this.foundation.setWrapFocus(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"typeaheadInProgress",{get:function(){return this.foundation.isTypeaheadInProgress()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasTypeahead",{set:function(t){this.foundation.setHasTypeahead(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"singleSelection",{set:function(t){this.foundation.setSingleSelection(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this.foundation.getSelectedIndex()},set:function(t){this.foundation.setSelectedIndex(t)},enumerable:!1,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){this.isEvolutionEnabled="evolution"in this.root.dataset,this.classNameMap=this.isEvolutionEnabled?U:A(this.root,P.DEPRECATED_SELECTOR)?H:Object.values(X).reduce((function(t,e){return t[e]=e,t}),{}),this.handleClick=this.handleClickEvent.bind(this),this.handleKeydown=this.handleKeydownEvent.bind(this),this.focusInEventListener=this.handleFocusInEvent.bind(this),this.focusOutEventListener=this.handleFocusOutEvent.bind(this),this.listen("keydown",this.handleKeydown),this.listen("click",this.handleClick),this.listen("focusin",this.focusInEventListener),this.listen("focusout",this.focusOutEventListener),this.layout(),this.initializeListType(),this.ensureFocusable()},e.prototype.destroy=function(){this.unlisten("keydown",this.handleKeydown),this.unlisten("click",this.handleClick),this.unlisten("focusin",this.focusInEventListener),this.unlisten("focusout",this.focusOutEventListener)},e.prototype.layout=function(){var t=this.root.getAttribute(P.ARIA_ORIENTATION);this.vertical=t!==P.ARIA_ORIENTATION_HORIZONTAL;var e=P.FOCUSABLE_CHILD_ELEMENTS,i=this.root.querySelectorAll("."+this.classNameMap[X.LIST_ITEM_CLASS]+":not([tabindex])");i.length&&Array.prototype.forEach.call(i,(function(t){t.setAttribute("tabindex","-1")}));var l=this.root.querySelectorAll(e);l.length&&Array.prototype.forEach.call(l,(function(t){t.setAttribute("tabindex","-1")})),this.isEvolutionEnabled&&this.foundation.setUseSelectedAttribute(!0),this.foundation.layout()},e.prototype.getPrimaryText=function(t){var e,i=t.querySelector("."+this.classNameMap[X.LIST_ITEM_PRIMARY_TEXT_CLASS]);if(this.isEvolutionEnabled||i)return null!==(e=null==i?void 0:i.textContent)&&void 0!==e?e:"";var l=t.querySelector("."+this.classNameMap[X.LIST_ITEM_TEXT_CLASS]);return l&&l.textContent||""},e.prototype.initializeListType=function(){var t=this;if(this.isInteractive=A(this.root,P.ARIA_INTERACTIVE_ROLES_SELECTOR),this.isEvolutionEnabled&&this.isInteractive){var e=Array.from(this.root.querySelectorAll(P.SELECTED_ITEM_SELECTOR),(function(e){return t.listElements.indexOf(e)}));A(this.root,P.ARIA_MULTI_SELECTABLE_SELECTOR)?this.selectedIndex=e:e.length>0&&(this.selectedIndex=e[0])}else{var i=this.root.querySelectorAll(P.ARIA_ROLE_CHECKBOX_SELECTOR),l=this.root.querySelector(P.ARIA_CHECKED_RADIO_SELECTOR);if(i.length){var n=this.root.querySelectorAll(P.ARIA_CHECKED_CHECKBOX_SELECTOR);this.selectedIndex=Array.from(n,(function(e){return t.listElements.indexOf(e)}))}else l&&(this.selectedIndex=this.listElements.indexOf(l))}},e.prototype.setEnabled=function(t,e){this.foundation.setEnabled(t,e)},e.prototype.typeaheadMatchItem=function(t,e){return this.foundation.typeaheadMatchItem(t,e,!0)},e.prototype.getDefaultFoundation=function(){var t=this;return new xt({addClassForElementIndex:function(e,i){var l=t.listElements[e];l&&l.classList.add(t.classNameMap[i])},focusItemAtIndex:function(e){var i=t.listElements[e];i&&i.focus()},getAttributeForElementIndex:function(e,i){return t.listElements[e].getAttribute(i)},getFocusedElementIndex:function(){return t.listElements.indexOf(document.activeElement)},getListItemCount:function(){return t.listElements.length},getPrimaryTextAtIndex:function(e){return t.getPrimaryText(t.listElements[e])},hasCheckboxAtIndex:function(e){return!!t.listElements[e].querySelector(P.CHECKBOX_SELECTOR)},hasRadioAtIndex:function(e){return!!t.listElements[e].querySelector(P.RADIO_SELECTOR)},isCheckboxCheckedAtIndex:function(e){return t.listElements[e].querySelector(P.CHECKBOX_SELECTOR).checked},isFocusInsideList:function(){return t.root!==document.activeElement&&t.root.contains(document.activeElement)},isRootFocused:function(){return document.activeElement===t.root},listItemAtIndexHasClass:function(e,i){return t.listElements[e].classList.contains(t.classNameMap[i])},notifyAction:function(e){t.emit(P.ACTION_EVENT,{index:e},!0)},removeClassForElementIndex:function(e,i){var l=t.listElements[e];l&&l.classList.remove(t.classNameMap[i])},setAttributeForElementIndex:function(e,i,l){var n=t.listElements[e];n&&n.setAttribute(i,l)},setCheckedCheckboxOrRadioAtIndex:function(e,i){var l=t.listElements[e].querySelector(P.CHECKBOX_RADIO_SELECTOR);l.checked=i;var n=document.createEvent("Event");n.initEvent("change",!0,!0),l.dispatchEvent(n)},setTabIndexForListItemChildren:function(e,i){Array.prototype.forEach.call(t.listElements[e].querySelectorAll(P.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX),(function(t){t.setAttribute("tabindex",i)}))}})},e.prototype.ensureFocusable=function(){if(this.isEvolutionEnabled&&this.isInteractive&&!this.root.querySelector("."+this.classNameMap[X.LIST_ITEM_CLASS]+'[tabindex="0"]')){var t=this.initialFocusIndex();-1!==t&&(this.listElements[t].tabIndex=0)}},e.prototype.initialFocusIndex=function(){if(this.selectedIndex instanceof Array&&this.selectedIndex.length>0)return this.selectedIndex[0];if("number"==typeof this.selectedIndex&&this.selectedIndex!==G.UNSET_INDEX)return this.selectedIndex;var t=this.root.querySelector("."+this.classNameMap[X.LIST_ITEM_CLASS]+":not(."+this.classNameMap[X.LIST_ITEM_DISABLED_CLASS]+")");return null===t?-1:this.getListItemIndex(t)},e.prototype.getListItemIndex=function(t){var e=C(t,"."+this.classNameMap[X.LIST_ITEM_CLASS]+", ."+this.classNameMap[X.ROOT]);return e&&A(e,"."+this.classNameMap[X.LIST_ITEM_CLASS])?this.listElements.indexOf(e):-1},e.prototype.handleFocusInEvent=function(t){var e=this.getListItemIndex(t.target);this.foundation.handleFocusIn(e)},e.prototype.handleFocusOutEvent=function(t){var e=this.getListItemIndex(t.target);this.foundation.handleFocusOut(e)},e.prototype.handleKeydownEvent=function(t){var e=this.getListItemIndex(t.target);this.foundation.handleKeydown(t,t.target.classList.contains(this.classNameMap[X.LIST_ITEM_CLASS]),e)},e.prototype.handleClickEvent=function(t){var e=this.getListItemIndex(t.target),i=!A(t.target,P.CHECKBOX_RADIO_SELECTOR);this.foundation.handleClick(e,i)},e}(O);
|
|
69
|
+
/**
|
|
70
|
+
* @license
|
|
71
|
+
* Copyright 2018 Google Inc.
|
|
72
|
+
*
|
|
73
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
74
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
75
|
+
* in the Software without restriction, including without limitation the rights
|
|
76
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
77
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
78
|
+
* furnished to do so, subject to the following conditions:
|
|
79
|
+
*
|
|
80
|
+
* The above copyright notice and this permission notice shall be included in
|
|
81
|
+
* all copies or substantial portions of the Software.
|
|
82
|
+
*
|
|
83
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
84
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
85
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
86
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
87
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
88
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
89
|
+
* THE SOFTWARE.
|
|
90
|
+
*/class bt{constructor(){this.defaultConfig={isOpen:!0,badgeIcons:!1},this.getAriaOrientation=t=>"listbox"===t||"radiogroup"===t?"vertical":null,this.getIndexForWhichToApplyTabIndex=t=>{let e;for(let i=0,l=t.length;i<l;i+=1)if("separator"in t[i]);else{const l=t[i];if(l.disabled)continue;if(l.selected){e=i;break}void 0===e&&(e=i)}return e},this.renderListItem=(t,e)=>{var l;if("separator"in t)return i("li",{class:"mdc-deprecated-list-divider",role:"separator",key:`sep-${e}`},this.renderTextForSeparator(t),i("div",{class:"limel-list-divider-line"}));const n={};let r;e===this.applyTabIndexToItemAtIndex&&(n.tabindex="0"),r="radio"===this.config.type||"checkbox"===this.config.type?this.config.type:"selectable"===this.config.type?"option":"listitem";const d=null!==(l=t.id)&&void 0!==l?l:`item-${e}`;return i("limel-list-item",Object.assign({key:d,class:{"mdc-deprecated-list-item":!0,"mdc-deprecated-list-item--disabled":!!t.disabled}},n,{"data-index":e,type:r,text:t.text,secondaryText:t.secondaryText,icon:t.icon,image:t.image,primaryComponent:t.primaryComponent,badgeIcon:this.config.badgeIcons,iconSize:this.config.iconSize,selected:t.selected,disabled:t.disabled,actions:t.actions}))},this.renderTextForSeparator=t=>{if("text"in t)return i("h2",{class:"limel-list-divider-title"},t.text)}}render(t,e={}){let l;switch(t=t||[],this.config=Object.assign(Object.assign({},this.defaultConfig),e),this.config.type){case"checkbox":l="group";break;case"radio":l="radiogroup";break;default:l="listbox"}return this.applyTabIndexToItemAtIndex=this.getIndexForWhichToApplyTabIndex(t),i("ul",{class:"mdc-deprecated-list",role:l,"aria-orientation":this.getAriaOrientation(l)},t.map(this.renderListItem))}}const{ACTION_EVENT:gt}=P,vt=class{constructor(i){t(this,i),this.change=e(this,"change"),this.select=e(this,"select"),this.interact=e(this,"interact"),this.iconSize="small",this.maxLinesSecondaryText=3,this.listRenderer=new bt,this.setup=()=>{this.setupList(),this.setupListeners()},this.setupList=()=>{this.mdcList&&(this.teardown(),this.mdcList=null);const t=this.element.shadowRoot.querySelector(".mdc-deprecated-list");t&&(this.mdcList=new pt(t),this.mdcList.hasTypeahead=!0)},this.setupListeners=()=>{this.mdcList&&(this.mdcList.unlisten(gt,this.handleAction),this.selectable=["selectable","radio","checkbox"].includes(this.type),this.multiple="checkbox"===this.type,this.selectable&&(this.mdcList.listen(gt,this.handleAction),this.mdcList.singleSelection=!this.multiple))},this.teardown=()=>{var t,e;null===(t=this.mdcList)||void 0===t||t.unlisten(gt,this.handleAction),null===(e=this.mdcList)||void 0===e||e.destroy()},this.handleAction=t=>{this.multiple?this.handleMultiSelect(t.detail.index):this.handleSingleSelect(t.detail.index)},this.handleSingleSelect=t=>{const e=this.items.filter(this.isListItem);if(e[t].disabled)return;const i=e.find((t=>!!t.selected));let l;i&&("radio"!==this.type&&(this.mdcList.selectedIndex=-1),l=Object.assign(Object.assign({},i),{selected:!1}),this.change.emit(l)),e[t]!==i&&(l=Object.assign(Object.assign({},e[t]),{selected:!0}),this.change.emit(l)),this.interact.emit(l)},this.handleMultiSelect=t=>{const e=this.items.filter(this.isListItem);if(e[t].disabled)return;const i=e.filter(((e,i)=>i===t?!e.selected:e.selected)).map((t=>Object.assign(Object.assign({},t),{selected:!0})));this.change.emit(i),this.interact.emit(Object.assign({},i[t]))},this.isListItem=t=>!("separator"in t)}connectedCallback(){this.setup()}disconnectedCallback(){this.teardown()}componentDidLoad(){this.setup(),this.triggerIconColorWarning()}render(){var t;this.config={badgeIcons:this.badgeIcons,type:this.type,iconSize:this.iconSize};let e=+(null===(t=this.maxLinesSecondaryText)||void 0===t?void 0:t.toFixed());this.maxLinesSecondaryText<1&&(e=1);const l=this.listRenderer.render(this.items,this.config);return i(n,{key:"06bc9c778804b52246581b12b65b7411d271b8c9",style:{"--maxLinesSecondaryText":`${e}`}},l)}handleType(){this.setupListeners()}itemsChanged(){this.mdcList&&setTimeout((()=>{this.setup();const t=this.items.filter(this.isListItem);if(this.multiple)this.mdcList.selectedIndex=t.filter((t=>t.selected)).map((e=>t.indexOf(e)));else{const e=t.findIndex((t=>t.selected));-1===e?this.mdcList.initializeListType():this.mdcList.selectedIndex=e}}),0)}triggerIconColorWarning(){var t;(null===(t=this.items)||void 0===t?void 0:t.some((t=>"iconColor"in t)))&&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 l(this)}static get watchers(){return{type:[{handleType:0}],items:[{itemsChanged:0}]}}};vt.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.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 _t={text:"",icon:{name:"home"},type:"icon-only"},yt=class{constructor(l){t(this,l),this.cancel=e(this,"cancel"),this.select=e(this,"select"),this.navigateMenu=e(this,"navigateMenu"),this.items=[],this.disabled=!1,this.openDirection="bottom-start",this.surfaceWidth="inherit-from-items",this.open=!1,this.badgeIcons=!1,this.gridLayout=!1,this.loading=!1,this.rootItem=_t,this.renderLoader=()=>{if(!this.loadingSubItems&&!this.loading)return;const t=this.getCssProperties();return i("div",{style:{width:t["--menu-surface-width"],display:"flex","align-items":"center","justify-content":"center",padding:"0.5rem 0"}},i("limel-spinner",{size:"mini",limeBranded:!1}))},this.renderBreadcrumb=()=>{const t=this.getBreadcrumbsItems();if(0!==t.length)return i("limel-breadcrumbs",{ref:this.setBreadcrumbsElement,style:{"border-bottom":"solid 1px rgb(var(--contrast-500))","flex-shrink":"0"},onSelect:this.handleBreadcrumbsSelect,onKeyDown:this.handleBreadcrumbsKeyDown,items:t})},this.handleBreadcrumbsSelect=t=>{if(!t.detail.menuItem)return this.currentSubMenu=null,this.clearSearch(),this.navigateMenu.emit(null),void this.setFocus();this.handleSelect(t.detail.menuItem)},this.renderSearchField=()=>{if(this.searcher)return i("limel-input-field",{tabindex:"0",ref:this.setSearchElement,placeholder:this.searchPlaceholder,type:"search",leadingIcon:"search",style:{padding:"0.25rem","box-sizing":"border-box"},value:this.searchValue,onChange:this.handleTextInput,onKeyDown:this.handleInputKeyDown})},this.renderEmptyMessage=()=>{var t;return this.loading||this.loadingSubItems||!this.emptyResultMessage||!Array.isArray(this.searchResults)||(null===(t=this.searchResults)||void 0===t?void 0:t.length)?null:i("p",{style:{padding:"0 1rem","text-align":"center"}},this.emptyResultMessage)},this.renderMenuList=()=>{let t=this.visibleItems;return(this.loadingSubItems||this.loading)&&(t=[]),i("limel-menu-list",{style:{"overflow-y":"auto","flex-grow":"1"},class:{"has-grid-layout has-interactive-items":this.gridLayout},items:t,badgeIcons:this.badgeIcons,onSelect:this.onSelect,ref:this.setListElement,onKeyDown:this.handleMenuKeyDown})},this.handleTextInput=async t=>{t.stopPropagation();const e=t.detail;if(this.searchValue=e,""===e)return this.searchResults=null,void(this.loadingSubItems=!1);this.loadingSubItems=!0;const i=await this.searcher(e);this.searchValue===e&&(this.searchResults=i,this.loadingSubItems=!1)},this.handleInputKeyDown=t=>{const e=t.key===s&&!t.altKey&&!t.metaKey&&!t.shiftKey,i=t.key===m,l=t.key===h;if(e||i||l)if(t.stopPropagation(),t.preventDefault(),e||l){if(this.focusBreadcrumbs())return;this.focusFirstListItem()}else i&&this.focusLastListItem()},this.handleListKeyDownCapture=t=>{const e=t.key===m,i=t.key===h;if(e||i)return e&&this.isFirstListItemFocused()?this.focusBreadcrumbs()?(t.stopPropagation(),void t.preventDefault()):void(this.searchInput&&(t.stopPropagation(),t.preventDefault(),this.searchInput.focus())):void(i&&this.isLastListItemFocused()&&this.searchInput&&(t.stopPropagation(),t.preventDefault(),this.searchInput.focus()))},this.handleMenuKeyDown=t=>{var e;const i=t.key===s&&!t.altKey&&!t.metaKey&&t.shiftKey,l=t.key===p,n=t.key===b;if(i||l||n){if(i)return t.stopPropagation(),t.preventDefault(),void(null===(e=this.searchInput)||void 0===e||e.focus());if(!this.gridLayout&&(l||n)){const e=this.getCurrentItem();t.stopPropagation(),t.preventDefault(),n?this.goForward(e):l&&this.goBack()}}},this.handleBreadcrumbsKeyDown=t=>{var e;const i=t.key===m,l=t.key===h;(i||l)&&(t.stopPropagation(),t.preventDefault(),i?null===(e=this.searchInput)||void 0===e||e.focus():l&&this.focusFirstListItem())},this.clearSearch=()=>{this.searchValue="",this.searchResults=null,this.loadingSubItems=!1},this.getCurrentItem=()=>{var t,e,i,l,n,r;let d=null!==(i=null===(e=null===(t=this.list)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement)&&void 0!==i?i:null;d&&"menuitem"!==d.getAttribute("role")&&(d=d.closest('[role="menuitem"]')),d||(d=null===(n=null===(l=this.list)||void 0===l?void 0:l.shadowRoot)||void 0===n?void 0:n.querySelector('[role="menuitem"][tabindex="0"]'));const o=Number.parseInt(null!==(r=null==d?void 0:d.dataset.index)&&void 0!==r?r:"0",10),a=this.visibleItems[o];return null!=a?a:this.visibleItems[0]},this.goForward=t=>{this.handleSelect(t,!1)},this.goBack=()=>{if(!this.currentSubMenu)return;const t=this.currentSubMenu.parentItem;if(!t)return this.currentSubMenu=null,this.clearSearch(),this.navigateMenu.emit(null),void this.setFocus();this.handleSelect(t)},this.setTriggerAttributes=t=>{const e={"aria-haspopup":!0,"aria-expanded":this.open,"aria-controls":this.portalId,disabled:this.disabled,role:"button"};for(const[i,l]of Object.entries(e))l?t.setAttribute(i,String(l)):t.removeAttribute(i)},this.onClose=()=>{this.cancel.emit(),this.open=!1,this.currentSubMenu=null,setTimeout(this.focusTrigger,0)},this.onTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.open=!this.open)},this.handleSelect=async(t,e=!0)=>{if(Array.isArray(null==t?void 0:t.items)&&t.items.length>0)return this.selectedMenuItem=t,this.clearSearch(),this.currentSubMenu=t,this.navigateMenu.emit(t),void this.setFocus();if(L(null==t?void 0:t.items)){const e=t.items;this.selectedMenuItem=t,this.loadingSubItems=!0;const i=await e(t);if(this.selectedMenuItem!==t)return;if(t.items=i,this.loadingSubItems=!1,null==i?void 0:i.length)return this.currentSubMenu=t,this.clearSearch(),this.navigateMenu.emit(t),void this.setFocus()}e&&(this.selectedMenuItem=t,this.loadingSubItems=!1,this.select.emit(t),this.open=!1,this.currentSubMenu=null,setTimeout(this.focusTrigger,0))},this.onSelect=t=>{t.stopPropagation(),this.handleSelect(t.detail)},this.setListElement=t=>{this.list&&this.list.removeEventListener("keydown",this.handleListKeyDownCapture,!0),this.list=t,this.list&&this.list.addEventListener("keydown",this.handleListKeyDownCapture,!0)},this.setFocus=()=>{setTimeout((()=>{if(this.open)if(this.searchInput&&this.searcher){const t=new IntersectionObserver((()=>{t.unobserve(this.searchInput),this.searchInput!==window.document.activeElement&&this.searchInput.focus()}));t.observe(this.searchInput)}else if(this.list){const t=new IntersectionObserver((()=>{t.unobserve(this.list),this.focusMenuItem()}));t.observe(this.list)}}),0)},this.focusTrigger=()=>{var t,e;const i=null===(e=null===(t=this.triggerElement)||void 0===t?void 0:t.assignedElements())||void 0===e?void 0:e[0];S(i)},this.setSearchElement=t=>{this.searchInput=t},this.setBreadcrumbsElement=t=>{this.breadcrumbs=t},this.focusBreadcrumbs=()=>{var t;if(!this.breadcrumbs)return!1;const e=null===(t=this.breadcrumbs.shadowRoot)||void 0===t?void 0:t.querySelector("button, a");return!!e&&(e.focus(),!0)},this.focusFirstListItem=()=>{const t=this.getListItems(),e=null==t?void 0:t[0];null==e||e.focus()},this.focusLastListItem=()=>{const t=this.getListItems(),e=null==t?void 0:t.at(-1);null==e||e.focus()},this.isFirstListItemFocused=()=>{var t;const e=this.getListItems();return!!e&&e[0]===(null===(t=this.list.shadowRoot)||void 0===t?void 0:t.activeElement)},this.isLastListItemFocused=()=>{var t;const e=this.getListItems();return!!e&&e.at(-1)===(null===(t=this.list.shadowRoot)||void 0===t?void 0:t.activeElement)},this.getListItems=()=>{var t;if(!this.list)return null;const e=null===(t=this.list.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".mdc-deprecated-list-item");return(null==e?void 0:e.length)?[...e]:null},this.focusMenuItem=()=>{var t;if(!this.list)return;const e=this.list.shadowRoot.activeElement;null==e||e.blur();const i=this.visibleItems.filter(this.isMenuItem),l=Math.max(i.findIndex((t=>t.selected)),0);null===(t=[...this.list.shadowRoot.querySelectorAll('[role="menuitem"]')][l])||void 0===t||t.focus()},this.renderNotificationBadge=()=>{if(this.items.some(this.hasNotificationBadge))return i("limel-badge",null)},this.hasNotificationBadge=t=>this.isMenuItem(t)&&void 0!==t.badge,this.setTriggerRef=t=>{this.triggerElement=t},this.portalId=o()}componentDidRender(){this.host.shadowRoot.querySelector("slot").assignedElements().forEach(this.setTriggerAttributes)}render(){const t=this.getCssProperties(),e=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index"),l=this.getMenuSurfaceWidth(t["--menu-surface-width"]);return i("div",{key:"38a7ce89c470a5a62ff49884711de2eb6a6f91c8",class:"mdc-menu-surface--anchor",onClick:this.onTriggerClick},i("slot",{key:"61b42540d5ae7ac7db72846ff43e4ebeaa9f15da",ref:this.setTriggerRef,name:"trigger"}),this.renderNotificationBadge(),i("limel-portal",{key:"98475c9042acb7c88c7ffc47674c017e4b59b32c",visible:this.open,containerId:this.portalId,openDirection:this.openDirection,position:"absolute",containerStyle:{"z-index":e}},i("limel-menu-surface",{key:"edf185c484a0697b2e9da756f3d0b65a362a10b6",open:this.open,onDismiss:this.onClose,style:Object.assign(Object.assign({},t),{"--menu-surface-width":l,"--limel-menu-surface-display":"flex","--limel-menu-surface-flex-direction":"column"}),class:{"has-grid-layout":this.gridLayout}},this.renderSearchField(),this.renderBreadcrumb(),this.renderLoader(),this.renderEmptyMessage(),this.renderMenuList())))}itemsWatcher(){this.clearSearch(),this.setFocus()}openWatcher(t){t?this.setFocus():this.clearSearch()}getBreadcrumbsItems(){const t=[];let e=this.currentSubMenu;for(;e;)t.push({text:e.text,icon:e.icon,menuItem:e}),e=e.parentItem;return(t.length>0||this.rootItem!==_t)&&t.push(this.rootItem),t.reverse()}getCssProperties(){const t=["--menu-surface-width","--list-grid-item-max-width","--list-grid-item-min-width","--list-grid-gap","--notification-badge-background-color","--notification-badge-text-color"],e=getComputedStyle(this.host),i=t.map((t=>e.getPropertyValue(t)));return D(t,i)}isMenuItem(t){return!("separator"in t)}getMenuSurfaceWidth(t){var e,i,l,n;if(t)return t;if("inherit-from-trigger"===this.surfaceWidth){const t=null===(e=this.triggerElement)||void 0===e?void 0:e.assignedElements();return(null==t?void 0:t.length)&&(null===(i=t[0])||void 0===i?void 0:i.clientWidth)?`${t[0].clientWidth}px`:""}return"inherit-from-menu"===this.surfaceWidth&&(null===(l=this.host)||void 0===l?void 0:l.clientWidth)?`${null===(n=this.host)||void 0===n?void 0:n.clientWidth}px`:""}get visibleItems(){var t;return Array.isArray(this.searchResults)&&this.searchValue?this.searchResults:Array.isArray(null===(t=this.currentSubMenu)||void 0===t?void 0:t.items)?this.currentSubMenu.items.map((t=>Object.assign(Object.assign({},t),{parentItem:this.currentSubMenu}))):this.items}get host(){return l(this)}static get watchers(){return{items:[{itemsWatcher:0}],open:[{openWatcher:0}]}}};yt.style=":host(limel-menu){isolation:isolate;position:relative;display:inline-block;--badge-background-color:var( --notification-badge-background-color, rgb(var(--color-red-default)) );--badge-text-color:var( --notification-badge-text-color, rgb(var(--color-white)) )}:host([hidden]){display:none}.menu__trigger{border-color:transparent;border-width:1px;border-style:solid;background:none;color:rgb(var(--contrast-800));height:2.25rem}.menu__trigger-enabled:hover{border-color:rgb(var(--contrast-800));color:rgb(var(--contrast-1100))}.mdc-menu-surface--anchor{position:relative}limel-badge{position:absolute;top:-0.25rem;right:-0.25rem}";
|
|
91
|
+
/**
|
|
92
|
+
* @license
|
|
93
|
+
* Copyright 2018 Google Inc.
|
|
94
|
+
*
|
|
95
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
96
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
97
|
+
* in the Software without restriction, including without limitation the rights
|
|
98
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
99
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
100
|
+
* furnished to do so, subject to the following conditions:
|
|
101
|
+
*
|
|
102
|
+
* The above copyright notice and this permission notice shall be included in
|
|
103
|
+
* all copies or substantial portions of the Software.
|
|
104
|
+
*
|
|
105
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
106
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
107
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
108
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
109
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
110
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
111
|
+
* THE SOFTWARE.
|
|
112
|
+
*/
|
|
113
|
+
var wt,kt,It={ANCHOR:"mdc-menu-surface--anchor",ANIMATING_CLOSED:"mdc-menu-surface--animating-closed",ANIMATING_OPEN:"mdc-menu-surface--animating-open",FIXED:"mdc-menu-surface--fixed",IS_OPEN_BELOW:"mdc-menu-surface--is-open-below",OPEN:"mdc-menu-surface--open",ROOT:"mdc-menu-surface"},Tt={CLOSED_EVENT:"MDCMenuSurface:closed",CLOSING_EVENT:"MDCMenuSurface:closing",OPENED_EVENT:"MDCMenuSurface:opened",FOCUSABLE_ELEMENTS:["button:not(:disabled)",'[href]:not([aria-disabled="true"])',"input:not(:disabled)","select:not(:disabled)","textarea:not(:disabled)",'[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'].join(", ")},Et={TRANSITION_OPEN_DURATION:120,TRANSITION_CLOSE_DURATION:75,MARGIN_TO_EDGE:32,ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO:.67,TOUCH_EVENT_WAIT_MS:30};!function(t){t[t.BOTTOM=1]="BOTTOM",t[t.CENTER=2]="CENTER",t[t.RIGHT=4]="RIGHT",t[t.FLIP_RTL=8]="FLIP_RTL"}(wt||(wt={})),function(t){t[t.TOP_LEFT=0]="TOP_LEFT",t[t.TOP_RIGHT=4]="TOP_RIGHT",t[t.BOTTOM_LEFT=1]="BOTTOM_LEFT",t[t.BOTTOM_RIGHT=5]="BOTTOM_RIGHT",t[t.TOP_START=8]="TOP_START",t[t.TOP_END=12]="TOP_END",t[t.BOTTOM_START=9]="BOTTOM_START",t[t.BOTTOM_END=13]="BOTTOM_END"}(kt||(kt={}));
|
|
114
|
+
/**
|
|
115
|
+
* @license
|
|
116
|
+
* Copyright 2018 Google Inc.
|
|
117
|
+
*
|
|
118
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
119
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
120
|
+
* in the Software without restriction, including without limitation the rights
|
|
121
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
122
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
123
|
+
* furnished to do so, subject to the following conditions:
|
|
124
|
+
*
|
|
125
|
+
* The above copyright notice and this permission notice shall be included in
|
|
126
|
+
* all copies or substantial portions of the Software.
|
|
127
|
+
*
|
|
128
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
129
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
130
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
131
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
132
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
133
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
134
|
+
* THE SOFTWARE.
|
|
135
|
+
*/
|
|
136
|
+
var At,Ct=function(t){function e(i){var l=t.call(this,T(T({},e.defaultAdapter),i))||this;return l.isSurfaceOpen=!1,l.isQuickOpen=!1,l.isHoistedElement=!1,l.isFixedPosition=!1,l.isHorizontallyCenteredOnViewport=!1,l.maxHeight=0,l.openAnimationEndTimerId=0,l.closeAnimationEndTimerId=0,l.animationRequestId=0,l.anchorCorner=kt.TOP_START,l.originCorner=kt.TOP_START,l.anchorMargin={top:0,right:0,bottom:0,left:0},l.position={x:0,y:0},l}return I(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return It},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return Tt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Et},enumerable:!1,configurable:!0}),Object.defineProperty(e,"Corner",{get:function(){return kt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},hasAnchor:function(){return!1},isElementInContainer:function(){return!1},isFocused:function(){return!1},isRtl:function(){return!1},getInnerDimensions:function(){return{height:0,width:0}},getAnchorDimensions:function(){return null},getWindowDimensions:function(){return{height:0,width:0}},getBodyDimensions:function(){return{height:0,width:0}},getWindowScroll:function(){return{x:0,y:0}},setPosition:function(){},setMaxHeight:function(){},setTransformOrigin:function(){},saveFocus:function(){},restoreFocus:function(){},notifyClose:function(){},notifyOpen:function(){},notifyClosing:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=e.cssClasses,i=t.ROOT,l=t.OPEN;if(!this.adapter.hasClass(i))throw new Error(i+" class required in root element.");this.adapter.hasClass(l)&&(this.isSurfaceOpen=!0)},e.prototype.destroy=function(){clearTimeout(this.openAnimationEndTimerId),clearTimeout(this.closeAnimationEndTimerId),cancelAnimationFrame(this.animationRequestId)},e.prototype.setAnchorCorner=function(t){this.anchorCorner=t},e.prototype.flipCornerHorizontally=function(){this.originCorner=this.originCorner^wt.RIGHT},e.prototype.setAnchorMargin=function(t){this.anchorMargin.top=t.top||0,this.anchorMargin.right=t.right||0,this.anchorMargin.bottom=t.bottom||0,this.anchorMargin.left=t.left||0},e.prototype.setIsHoisted=function(t){this.isHoistedElement=t},e.prototype.setFixedPosition=function(t){this.isFixedPosition=t},e.prototype.isFixed=function(){return this.isFixedPosition},e.prototype.setAbsolutePosition=function(t,e){this.position.x=this.isFinite(t)?t:0,this.position.y=this.isFinite(e)?e:0},e.prototype.setIsHorizontallyCenteredOnViewport=function(t){this.isHorizontallyCenteredOnViewport=t},e.prototype.setQuickOpen=function(t){this.isQuickOpen=t},e.prototype.setMaxHeight=function(t){this.maxHeight=t},e.prototype.isOpen=function(){return this.isSurfaceOpen},e.prototype.open=function(){var t=this;this.isSurfaceOpen||(this.adapter.saveFocus(),this.isQuickOpen?(this.isSurfaceOpen=!0,this.adapter.addClass(e.cssClasses.OPEN),this.dimensions=this.adapter.getInnerDimensions(),this.autoposition(),this.adapter.notifyOpen()):(this.adapter.addClass(e.cssClasses.ANIMATING_OPEN),this.animationRequestId=requestAnimationFrame((function(){t.dimensions=t.adapter.getInnerDimensions(),t.autoposition(),t.adapter.addClass(e.cssClasses.OPEN),t.openAnimationEndTimerId=setTimeout((function(){t.openAnimationEndTimerId=0,t.adapter.removeClass(e.cssClasses.ANIMATING_OPEN),t.adapter.notifyOpen()}),Et.TRANSITION_OPEN_DURATION)})),this.isSurfaceOpen=!0))},e.prototype.close=function(t){var i=this;if(void 0===t&&(t=!1),this.isSurfaceOpen){if(this.adapter.notifyClosing(),this.isQuickOpen)return this.isSurfaceOpen=!1,t||this.maybeRestoreFocus(),this.adapter.removeClass(e.cssClasses.OPEN),this.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW),void this.adapter.notifyClose();this.adapter.addClass(e.cssClasses.ANIMATING_CLOSED),requestAnimationFrame((function(){i.adapter.removeClass(e.cssClasses.OPEN),i.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW),i.closeAnimationEndTimerId=setTimeout((function(){i.closeAnimationEndTimerId=0,i.adapter.removeClass(e.cssClasses.ANIMATING_CLOSED),i.adapter.notifyClose()}),Et.TRANSITION_CLOSE_DURATION)})),this.isSurfaceOpen=!1,t||this.maybeRestoreFocus()}},e.prototype.handleBodyClick=function(t){this.adapter.isElementInContainer(t.target)||this.close()},e.prototype.handleKeydown=function(t){("Escape"===t.key||27===t.keyCode)&&this.close()},e.prototype.autoposition=function(){var t;this.measurements=this.getAutoLayoutmeasurements();var i=this.getoriginCorner(),l=this.getMenuSurfaceMaxHeight(i),n=this.hasBit(i,wt.BOTTOM)?"bottom":"top",r=this.hasBit(i,wt.RIGHT)?"right":"left",d=this.getHorizontalOriginOffset(i),o=this.getVerticalOriginOffset(i),a=this.measurements,c=a.anchorSize,s=a.surfaceSize,m=((t={})[r]=d,t[n]=o,t);c.width/s.width>Et.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO&&(r="center"),(this.isHoistedElement||this.isFixedPosition)&&this.adjustPositionForHoistedElement(m),this.adapter.setTransformOrigin(r+" "+n),this.adapter.setPosition(m),this.adapter.setMaxHeight(l?l+"px":""),this.hasBit(i,wt.BOTTOM)||this.adapter.addClass(e.cssClasses.IS_OPEN_BELOW)},e.prototype.getAutoLayoutmeasurements=function(){var t=this.adapter.getAnchorDimensions(),e=this.adapter.getBodyDimensions(),i=this.adapter.getWindowDimensions(),l=this.adapter.getWindowScroll();return t||(t={top:this.position.y,right:this.position.x,bottom:this.position.y,left:this.position.x,width:0,height:0}),{anchorSize:t,bodySize:e,surfaceSize:this.dimensions,viewportDistance:{top:t.top,right:i.width-t.right,bottom:i.height-t.bottom,left:t.left},viewportSize:i,windowScroll:l}},e.prototype.getoriginCorner=function(){var t,i,l=this.originCorner,n=this.measurements,r=n.viewportDistance,d=n.anchorSize,o=n.surfaceSize,a=e.numbers.MARGIN_TO_EDGE;this.hasBit(this.anchorCorner,wt.BOTTOM)?(t=r.top-a+this.anchorMargin.bottom,i=r.bottom-a-this.anchorMargin.bottom):(t=r.top-a+this.anchorMargin.top,i=r.bottom-a+d.height-this.anchorMargin.top),!(i-o.height>0)&&t>i&&(l=this.setBit(l,wt.BOTTOM));var c,s,m,h=this.adapter.isRtl(),f=this.hasBit(this.anchorCorner,wt.FLIP_RTL),u=this.hasBit(this.anchorCorner,wt.RIGHT)||this.hasBit(l,wt.RIGHT);(m=h&&f?!u:u)?(c=r.left+d.width+this.anchorMargin.right,s=r.right-this.anchorMargin.right):(c=r.left+this.anchorMargin.left,s=r.right+d.width-this.anchorMargin.left);var x=c-o.width>0,p=s-o.width>0,b=this.hasBit(l,wt.FLIP_RTL)&&this.hasBit(l,wt.RIGHT);return p&&b&&h||!x&&b?l=this.unsetBit(l,wt.RIGHT):(x&&m&&h||x&&!m&&u||!p&&c>=s)&&(l=this.setBit(l,wt.RIGHT)),l},e.prototype.getMenuSurfaceMaxHeight=function(t){if(this.maxHeight>0)return this.maxHeight;var i=this.measurements.viewportDistance,l=0,n=this.hasBit(t,wt.BOTTOM),r=this.hasBit(this.anchorCorner,wt.BOTTOM),d=e.numbers.MARGIN_TO_EDGE;return n?(l=i.top+this.anchorMargin.top-d,r||(l+=this.measurements.anchorSize.height)):(l=i.bottom-this.anchorMargin.bottom+this.measurements.anchorSize.height-d,r&&(l-=this.measurements.anchorSize.height)),l},e.prototype.getHorizontalOriginOffset=function(t){var e=this.measurements.anchorSize,i=this.hasBit(t,wt.RIGHT),l=this.hasBit(this.anchorCorner,wt.RIGHT);if(i){var n=l?e.width-this.anchorMargin.left:this.anchorMargin.right;return this.isHoistedElement||this.isFixedPosition?n-(this.measurements.viewportSize.width-this.measurements.bodySize.width):n}return l?e.width-this.anchorMargin.right:this.anchorMargin.left},e.prototype.getVerticalOriginOffset=function(t){var e=this.measurements.anchorSize,i=this.hasBit(t,wt.BOTTOM),l=this.hasBit(this.anchorCorner,wt.BOTTOM);return i?l?e.height-this.anchorMargin.top:-this.anchorMargin.bottom:l?e.height+this.anchorMargin.bottom:this.anchorMargin.top},e.prototype.adjustPositionForHoistedElement=function(t){var e,i,l=this.measurements,n=l.windowScroll,r=l.viewportDistance,d=l.surfaceSize,o=l.viewportSize,a=Object.keys(t);try{for(var c=z(a),s=c.next();!s.done;s=c.next()){var m=s.value,h=t[m]||0;!this.isHorizontallyCenteredOnViewport||"left"!==m&&"right"!==m?(h+=r[m],this.isFixedPosition||("top"===m?h+=n.y:"bottom"===m?h-=n.y:"left"===m?h+=n.x:h-=n.x),t[m]=h):t[m]=(o.width-d.width)/2}}catch(t){e={error:t}}finally{try{s&&!s.done&&(i=c.return)&&i.call(c)}finally{if(e)throw e.error}}},e.prototype.maybeRestoreFocus=function(){var t=this,e=this.adapter.isFocused(),i=document.activeElement&&this.adapter.isElementInContainer(document.activeElement);(e||i)&&setTimeout((function(){t.adapter.restoreFocus()}),Et.TOUCH_EVENT_WAIT_MS)},e.prototype.hasBit=function(t,e){return Boolean(t&e)},e.prototype.setBit=function(t,e){return t|e},e.prototype.unsetBit=function(t,e){return t^e},e.prototype.isFinite=function(t){return"number"==typeof t&&isFinite(t)},e}(E),Ot=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return I(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){var t=this,e=this.root.parentElement;this.anchorElement=e&&e.classList.contains(It.ANCHOR)?e:null,this.root.classList.contains(It.FIXED)&&this.setFixedPosition(!0),this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.handleBodyClick=function(e){t.foundation.handleBodyClick(e)},this.registerBodyClickListener=function(){document.body.addEventListener("click",t.handleBodyClick,{capture:!0})},this.deregisterBodyClickListener=function(){document.body.removeEventListener("click",t.handleBodyClick,{capture:!0})},this.listen("keydown",this.handleKeydown),this.listen(Tt.OPENED_EVENT,this.registerBodyClickListener),this.listen(Tt.CLOSED_EVENT,this.deregisterBodyClickListener)},e.prototype.destroy=function(){this.unlisten("keydown",this.handleKeydown),this.unlisten(Tt.OPENED_EVENT,this.registerBodyClickListener),this.unlisten(Tt.CLOSED_EVENT,this.deregisterBodyClickListener),t.prototype.destroy.call(this)},e.prototype.isOpen=function(){return this.foundation.isOpen()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=!1),this.foundation.close(t)},Object.defineProperty(e.prototype,"quickOpen",{set:function(t){this.foundation.setQuickOpen(t)},enumerable:!1,configurable:!0}),e.prototype.setIsHoisted=function(t){this.foundation.setIsHoisted(t)},e.prototype.setMenuSurfaceAnchorElement=function(t){this.anchorElement=t},e.prototype.setFixedPosition=function(t){t?this.root.classList.add(It.FIXED):this.root.classList.remove(It.FIXED),this.foundation.setFixedPosition(t)},e.prototype.setAbsolutePosition=function(t,e){this.foundation.setAbsolutePosition(t,e),this.setIsHoisted(!0)},e.prototype.setAnchorCorner=function(t){this.foundation.setAnchorCorner(t)},e.prototype.setAnchorMargin=function(t){this.foundation.setAnchorMargin(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new Ct({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},hasAnchor:function(){return!!t.anchorElement},notifyClose:function(){return t.emit(Ct.strings.CLOSED_EVENT,{})},notifyClosing:function(){t.emit(Ct.strings.CLOSING_EVENT,{})},notifyOpen:function(){return t.emit(Ct.strings.OPENED_EVENT,{})},isElementInContainer:function(e){return t.root.contains(e)},isRtl:function(){return"rtl"===getComputedStyle(t.root).getPropertyValue("direction")},setTransformOrigin:function(e){var i=R(window,"transform")+"-origin";t.root.style.setProperty(i,e)},isFocused:function(){return document.activeElement===t.root},saveFocus:function(){t.previousFocus=document.activeElement},restoreFocus:function(){t.root.contains(document.activeElement)&&t.previousFocus&&t.previousFocus.focus&&t.previousFocus.focus()},getInnerDimensions:function(){return{width:t.root.offsetWidth,height:t.root.offsetHeight}},getAnchorDimensions:function(){return t.anchorElement?t.anchorElement.getBoundingClientRect():null},getWindowDimensions:function(){return{width:window.innerWidth,height:window.innerHeight}},getBodyDimensions:function(){return{width:document.body.clientWidth,height:document.body.clientHeight}},getWindowScroll:function(){return{x:window.pageXOffset,y:window.pageYOffset}},setPosition:function(e){var i=t.root;i.style.left="left"in e?e.left+"px":"",i.style.right="right"in e?e.right+"px":"",i.style.top="top"in e?e.top+"px":"",i.style.bottom="bottom"in e?e.bottom+"px":""},setMaxHeight:function(e){t.root.style.maxHeight=e}})},e}(O),zt={MENU_SELECTED_LIST_ITEM:"mdc-menu-item--selected",MENU_SELECTION_GROUP:"mdc-menu__selection-group",ROOT:"mdc-menu"},St={ARIA_CHECKED_ATTR:"aria-checked",ARIA_DISABLED_ATTR:"aria-disabled",CHECKBOX_SELECTOR:'input[type="checkbox"]',LIST_SELECTOR:".mdc-list,.mdc-deprecated-list",SELECTED_EVENT:"MDCMenu:selected",SKIP_RESTORE_FOCUS:"data-menu-item-skip-restore-focus"},Dt={FOCUS_ROOT_INDEX:-1};
|
|
137
|
+
/**
|
|
138
|
+
* @license
|
|
139
|
+
* Copyright 2018 Google Inc.
|
|
140
|
+
*
|
|
141
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
142
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
143
|
+
* in the Software without restriction, including without limitation the rights
|
|
144
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
145
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
146
|
+
* furnished to do so, subject to the following conditions:
|
|
147
|
+
*
|
|
148
|
+
* The above copyright notice and this permission notice shall be included in
|
|
149
|
+
* all copies or substantial portions of the Software.
|
|
150
|
+
*
|
|
151
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
152
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
153
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
154
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
155
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
156
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
157
|
+
* THE SOFTWARE.
|
|
158
|
+
*/!function(t){t[t.NONE=0]="NONE",t[t.LIST_ROOT=1]="LIST_ROOT",t[t.FIRST_ITEM=2]="FIRST_ITEM",t[t.LAST_ITEM=3]="LAST_ITEM"}(At||(At={}));
|
|
159
|
+
/**
|
|
160
|
+
* @license
|
|
161
|
+
* Copyright 2018 Google Inc.
|
|
162
|
+
*
|
|
163
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
164
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
165
|
+
* in the Software without restriction, including without limitation the rights
|
|
166
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
167
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
168
|
+
* furnished to do so, subject to the following conditions:
|
|
169
|
+
*
|
|
170
|
+
* The above copyright notice and this permission notice shall be included in
|
|
171
|
+
* all copies or substantial portions of the Software.
|
|
172
|
+
*
|
|
173
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
174
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
175
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
176
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
177
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
178
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
179
|
+
* THE SOFTWARE.
|
|
180
|
+
*/
|
|
181
|
+
var Lt=function(t){function e(i){var l=t.call(this,T(T({},e.defaultAdapter),i))||this;return l.closeAnimationEndTimerId=0,l.defaultFocusState=At.LIST_ROOT,l.selectedIndex=-1,l}return I(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return zt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return St},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Dt},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClassToElementAtIndex:function(){},removeClassFromElementAtIndex:function(){},addAttributeToElementAtIndex:function(){},removeAttributeFromElementAtIndex:function(){},getAttributeFromElementAtIndex:function(){return null},elementContainsClass:function(){return!1},closeSurface:function(){},getElementIndex:function(){return-1},notifySelected:function(){},getMenuItemCount:function(){return 0},focusItemAtIndex:function(){},focusListRoot:function(){},getSelectedSiblingOfItemAtIndex:function(){return-1},isSelectableItemAtIndex:function(){return!1}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.closeAnimationEndTimerId&&clearTimeout(this.closeAnimationEndTimerId),this.adapter.closeSurface()},e.prototype.handleKeydown=function(t){("Tab"===t.key||9===t.keyCode)&&this.adapter.closeSurface(!0)},e.prototype.handleItemAction=function(t){var e=this,i=this.adapter.getElementIndex(t);if(!(i<0)){this.adapter.notifySelected({index:i});var l="true"===this.adapter.getAttributeFromElementAtIndex(i,St.SKIP_RESTORE_FOCUS);this.adapter.closeSurface(l),this.closeAnimationEndTimerId=setTimeout((function(){var i=e.adapter.getElementIndex(t);i>=0&&e.adapter.isSelectableItemAtIndex(i)&&e.setSelectedIndex(i)}),Ct.numbers.TRANSITION_CLOSE_DURATION)}},e.prototype.handleMenuSurfaceOpened=function(){switch(this.defaultFocusState){case At.FIRST_ITEM:this.adapter.focusItemAtIndex(0);break;case At.LAST_ITEM:this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount()-1);break;case At.NONE:break;default:this.adapter.focusListRoot()}},e.prototype.setDefaultFocusState=function(t){this.defaultFocusState=t},e.prototype.getSelectedIndex=function(){return this.selectedIndex},e.prototype.setSelectedIndex=function(t){if(this.validatedIndex(t),!this.adapter.isSelectableItemAtIndex(t))throw new Error("MDCMenuFoundation: No selection group at specified index.");var e=this.adapter.getSelectedSiblingOfItemAtIndex(t);e>=0&&(this.adapter.removeAttributeFromElementAtIndex(e,St.ARIA_CHECKED_ATTR),this.adapter.removeClassFromElementAtIndex(e,zt.MENU_SELECTED_LIST_ITEM)),this.adapter.addClassToElementAtIndex(t,zt.MENU_SELECTED_LIST_ITEM),this.adapter.addAttributeToElementAtIndex(t,St.ARIA_CHECKED_ATTR,"true"),this.selectedIndex=t},e.prototype.setEnabled=function(t,e){this.validatedIndex(t),e?(this.adapter.removeClassFromElementAtIndex(t,X.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(t,St.ARIA_DISABLED_ATTR,"false")):(this.adapter.addClassToElementAtIndex(t,X.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(t,St.ARIA_DISABLED_ATTR,"true"))},e.prototype.validatedIndex=function(t){var e=this.adapter.getMenuItemCount();if(!(t>=0&&t<e))throw new Error("MDCMenuFoundation: No list item at specified index.")},e}(E),Rt=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return I(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e){void 0===t&&(t=function(t){return new Ot(t)}),void 0===e&&(e=function(t){return new pt(t)}),this.menuSurfaceFactory=t,this.listFactory=e},e.prototype.initialSyncWithDOM=function(){var t=this;this.menuSurface=this.menuSurfaceFactory(this.root);var e=this.root.querySelector(St.LIST_SELECTOR);e?(this.list=this.listFactory(e),this.list.wrapFocus=!0):this.list=null,this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.handleItemAction=function(e){t.foundation.handleItemAction(t.items[e.detail.index])},this.handleMenuSurfaceOpened=function(){t.foundation.handleMenuSurfaceOpened()},this.menuSurface.listen(Ct.strings.OPENED_EVENT,this.handleMenuSurfaceOpened),this.listen("keydown",this.handleKeydown),this.listen(xt.strings.ACTION_EVENT,this.handleItemAction)},e.prototype.destroy=function(){this.list&&this.list.destroy(),this.menuSurface.destroy(),this.menuSurface.unlisten(Ct.strings.OPENED_EVENT,this.handleMenuSurfaceOpened),this.unlisten("keydown",this.handleKeydown),this.unlisten(xt.strings.ACTION_EVENT,this.handleItemAction),t.prototype.destroy.call(this)},Object.defineProperty(e.prototype,"open",{get:function(){return this.menuSurface.isOpen()},set:function(t){t?this.menuSurface.open():this.menuSurface.close()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"wrapFocus",{get:function(){return!!this.list&&this.list.wrapFocus},set:function(t){this.list&&(this.list.wrapFocus=t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasTypeahead",{set:function(t){this.list&&(this.list.hasTypeahead=t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"typeaheadInProgress",{get:function(){return!!this.list&&this.list.typeaheadInProgress},enumerable:!1,configurable:!0}),e.prototype.typeaheadMatchItem=function(t,e){return this.list?this.list.typeaheadMatchItem(t,e):-1},e.prototype.layout=function(){this.list&&this.list.layout()},Object.defineProperty(e.prototype,"items",{get:function(){return this.list?this.list.listElements:[]},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"singleSelection",{set:function(t){this.list&&(this.list.singleSelection=t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this.list?this.list.selectedIndex:G.UNSET_INDEX},set:function(t){this.list&&(this.list.selectedIndex=t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"quickOpen",{set:function(t){this.menuSurface.quickOpen=t},enumerable:!1,configurable:!0}),e.prototype.setDefaultFocusState=function(t){this.foundation.setDefaultFocusState(t)},e.prototype.setAnchorCorner=function(t){this.menuSurface.setAnchorCorner(t)},e.prototype.setAnchorMargin=function(t){this.menuSurface.setAnchorMargin(t)},e.prototype.setSelectedIndex=function(t){this.foundation.setSelectedIndex(t)},e.prototype.setEnabled=function(t,e){this.foundation.setEnabled(t,e)},e.prototype.getOptionByIndex=function(t){return t<this.items.length?this.items[t]:null},e.prototype.getPrimaryTextAtIndex=function(t){var e=this.getOptionByIndex(t);return e&&this.list&&this.list.getPrimaryText(e)||""},e.prototype.setFixedPosition=function(t){this.menuSurface.setFixedPosition(t)},e.prototype.setIsHoisted=function(t){this.menuSurface.setIsHoisted(t)},e.prototype.setAbsolutePosition=function(t,e){this.menuSurface.setAbsolutePosition(t,e)},e.prototype.setAnchorElement=function(t){this.menuSurface.anchorElement=t},e.prototype.getDefaultFoundation=function(){var t=this;return new Lt({addClassToElementAtIndex:function(e,i){t.items[e].classList.add(i)},removeClassFromElementAtIndex:function(e,i){t.items[e].classList.remove(i)},addAttributeToElementAtIndex:function(e,i,l){t.items[e].setAttribute(i,l)},removeAttributeFromElementAtIndex:function(e,i){t.items[e].removeAttribute(i)},getAttributeFromElementAtIndex:function(e,i){return t.items[e].getAttribute(i)},elementContainsClass:function(t,e){return t.classList.contains(e)},closeSurface:function(e){t.menuSurface.close(e)},getElementIndex:function(e){return t.items.indexOf(e)},notifySelected:function(e){t.emit(St.SELECTED_EVENT,{index:e.index,item:t.items[e.index]})},getMenuItemCount:function(){return t.items.length},focusItemAtIndex:function(e){t.items[e].focus()},focusListRoot:function(){t.root.querySelector(St.LIST_SELECTOR).focus()},isSelectableItemAtIndex:function(e){return!!C(t.items[e],"."+zt.MENU_SELECTION_GROUP)},getSelectedSiblingOfItemAtIndex:function(e){var i=C(t.items[e],"."+zt.MENU_SELECTION_GROUP).querySelector("."+zt.MENU_SELECTED_LIST_ITEM);return i?t.items.indexOf(i):-1}})},e}(O);
|
|
182
|
+
/**
|
|
183
|
+
* @license
|
|
184
|
+
* Copyright 2018 Google Inc.
|
|
185
|
+
*
|
|
186
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
187
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
188
|
+
* in the Software without restriction, including without limitation the rights
|
|
189
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
190
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
191
|
+
* furnished to do so, subject to the following conditions:
|
|
192
|
+
*
|
|
193
|
+
* The above copyright notice and this permission notice shall be included in
|
|
194
|
+
* all copies or substantial portions of the Software.
|
|
195
|
+
*
|
|
196
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
197
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
198
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
199
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
200
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
201
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
202
|
+
* THE SOFTWARE.
|
|
203
|
+
*/class jt{constructor(){this.defaultConfig={isOpen:!0,badgeIcons:!1},this.getIndexForWhichToApplyTabIndex=t=>{let e;for(let i=0,l=t.length;i<l;i+=1)if("separator"in t[i]);else{const l=t[i];if(l.disabled)continue;if(l.selected){e=i;break}void 0===e&&(e=i)}return e},this.renderMenuItem=(t,e)=>{var l;if("separator"in t)return i("li",{class:"mdc-deprecated-list-divider",role:"separator",key:`sep-${e}`},this.renderTextForSeparator(t),i("div",{class:"limel-list-divider-line"}));const n={};e===this.applyTabIndexToItemAtIndex&&(n.tabindex="0");const r=this.hasSubItems(t),d=null!==(l=t.id)&&void 0!==l?l:`item-${e}`;return i("limel-list-item",Object.assign({key:d,class:{"mdc-deprecated-list-item":!0,"mdc-deprecated-list-item--disabled":!!t.disabled},"data-index":e},n,{"aria-haspopup":r?"menu":void 0,"aria-expanded":r?"false":void 0,type:"menuitem",text:t.text,secondaryText:t.secondaryText,icon:t.icon,primaryComponent:r||void 0!==t.badge||"commandText"in t&&t.commandText?{name:"limel-menu-item-meta",props:{commandText:t.commandText,badge:t.badge,showChevron:r}}:void 0,badgeIcon:this.config.badgeIcons,selected:t.selected,disabled:t.disabled}))},this.renderTextForSeparator=t=>{if("text"in t)return i("h2",{class:"limel-list-divider-title"},t.text)},this.hasSubItems=t=>Array.isArray(t.items)&&t.items.length>0||L(t.items)}render(t,e={}){return t=t||[],this.config=Object.assign(Object.assign({},this.defaultConfig),e),this.applyTabIndexToItemAtIndex=this.getIndexForWhichToApplyTabIndex(t),i("ul",{class:"mdc-deprecated-list",role:"menu","aria-orientation":"vertical",style:{"--maxLinesSecondaryText":"2"}},t.map(this.renderMenuItem))}}const{SELECTED_EVENT:Ft}=St,Mt=class{constructor(i){t(this,i),this.select=e(this,"select"),this.interact=e(this,"interact"),this.iconSize="small",this.MenuListRenderer=new jt,this.setup=()=>{this.setupMenu(),this.setupListeners()},this.setupMenu=()=>{this.mdcMenu&&(this.teardown(),this.mdcMenu=null);const t=this.element.shadowRoot.querySelector(".mdc-menu");if(t){this.mdcMenu=new Rt(t),this.mdcMenu.hasTypeahead=!0,this.mdcMenu.wrapFocus=!0;for(const t of this.mdcMenu.items)new j(t)}},this.setupListeners=()=>{this.mdcMenu&&(this.mdcMenu.unlisten(Ft,this.handleMenuSelect),this.mdcMenu.listen(Ft,this.handleMenuSelect))},this.teardown=()=>{var t,e;null===(t=this.mdcMenu)||void 0===t||t.unlisten(Ft,this.handleMenuSelect),null===(e=this.mdcMenu)||void 0===e||e.destroy()},this.handleMenuSelect=t=>{this.handleSingleSelect(t.detail.index)},this.handleSingleSelect=t=>{const e=this.items.filter(this.isMenuItem);if(e[t].disabled)return;const i=e.find((t=>!!t.selected));let l;i&&(l=Object.assign(Object.assign({},i),{selected:!1}),this.select.emit(l)),e[t]!==i&&(l=Object.assign(Object.assign({},e[t]),{selected:!1}),this.select.emit(l)),this.interact.emit(l)},this.isMenuItem=t=>!("separator"in t)}connectedCallback(){this.setup()}disconnectedCallback(){this.teardown()}componentDidLoad(){this.setup(),this.triggerIconColorWarning()}render(){this.config={badgeIcons:this.badgeIcons,iconSize:this.iconSize};const t=this.MenuListRenderer.render(this.items,this.config);return i("div",{key:"1779450be58dc77fc81af61bf4daed4fed7294ef",class:"mdc-menu mdc-menu-surface"},t)}itemsChanged(){setTimeout((()=>{this.setup()}),0)}triggerIconColorWarning(){var t;(null===(t=this.items)||void 0===t?void 0:t.some((t=>"iconColor"in t)))&&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 l(this)}static get watchers(){return{items:[{itemsChanged:0}]}}};Mt.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.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)}:host(limel-menu-list){display:block;--badge-background-color:var( --notification-badge-background-color, rgb(var(--color-red-default)) );--badge-text-color:var( --notification-badge-text-color, rgb(var(--color-white)) )}.mdc-menu{max-height:70vh}.mdc-deprecated-list{margin:0.25rem}';const Nt=class{constructor(i){t(this,i),this.dismiss=e(this,"dismiss"),this.open=!1,this.setup=()=>{const t=this.host.shadowRoot.querySelector(".mdc-menu-surface");t&&(this.menuSurface=new Ot(t),this.menuSurface.setAnchorCorner(kt.TOP_START),document.addEventListener("mousedown",this.handleDocumentClick,{capture:!0}),this.host.addEventListener("keydown",this.handleKeyDown))},this.teardown=()=>{var t;null===(t=this.menuSurface)||void 0===t||t.destroy(),document.removeEventListener("mousedown",this.handleDocumentClick,{capture:!0}),this.host.removeEventListener("keydown",this.handleKeyDown)},this.handleDocumentClick=t=>{const e=t.composedPath?t.composedPath():[];if(this.open&&!F(t.target,this.host)){if(this.allowClicksElement&&e.includes(this.allowClicksElement))return;this.dismiss.emit(),this.preventClickEventPropagation()}},this.preventClickEventPropagation=()=>{document.addEventListener("click",this.stopEvent,{capture:!0,once:!0}),document.addEventListener("mouseup",this.stopEvent,{capture:!0,once:!0}),document.addEventListener("mouseup",(()=>{document.removeEventListener("click",this.stopEvent,{capture:!0})}),{once:!0})},this.stopEvent=t=>{t.stopPropagation(),t.preventDefault()},this.handleKeyDown=t=>{this.open&&(t.key===f||t.key===s)&&(t.stopPropagation(),this.dismiss.emit())}}connectedCallback(){this.setup()}disconnectedCallback(){this.teardown()}componentDidLoad(){this.setup()}render(){return i("div",{key:"0d39b6714b348cbec90f9abee9ccc02056a06952",class:{"mdc-menu":!0,"mdc-menu-surface":!0,"mdc-menu-surface--open":this.open,"mdc-elevation-transition":!0,"mdc-elevation--z4":!0},tabindex:"-1"},i("slot",{key:"a0515ae3147cfdc8ea90fa6bc1e1bafb1c5840e7"}))}get host(){return l(this)}};Nt.style=":host(limel-menu-surface){display:block;max-height:inherit}.mdc-menu-surface{display:none;position:absolute;box-sizing:border-box;max-width:calc(100vw - 32px);max-width:var(--mdc-menu-max-width, calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:var(--mdc-menu-max-height, calc(100vh - 32px));margin:0;padding:0;transform:scale(1);transform-origin:top left;opacity:0;overflow:auto;will-change:transform, opacity;z-index:8;transition:opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1)}.mdc-menu-surface:focus{outline:none}.mdc-menu-surface--animating-open{display:inline-block;transform:scale(0.8);opacity:0}.mdc-menu-surface--open{display:inline-block;transform:scale(1);opacity:1}.mdc-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity 0.075s linear}.mdc-menu-surface{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);color:#000;color:var(--mdc-theme-on-surface, #000);border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);transform-origin-left:top left;transform-origin-right:top right}[dir=rtl] .mdc-menu-surface,.mdc-menu-surface[dir=rtl]{transform-origin-left:top right;transform-origin-right:top left;}.mdc-menu-surface--anchor{position:relative;overflow:visible}.mdc-menu-surface--fixed{position:fixed}.mdc-menu-surface--fullwidth{width:100%}@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-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-menu .mdc-deprecated-list-item__meta{color:rgba(0, 0, 0, 0.87)}.mdc-menu .mdc-deprecated-list-item__graphic{color:rgba(0, 0, 0, 0.87)}.mdc-menu{min-width:112px;min-width:var(--mdc-menu-min-width, 112px)}.mdc-menu .mdc-deprecated-list{color:rgba(0, 0, 0, 0.87)}.mdc-menu .mdc-deprecated-list,.mdc-menu .mdc-list{position:relative}.mdc-menu .mdc-deprecated-list .mdc-elevation-overlay,.mdc-menu .mdc-list .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-menu .mdc-deprecated-list-divider{margin:8px 0}.mdc-menu .mdc-deprecated-list-item{user-select:none}.mdc-menu .mdc-deprecated-list-item--disabled{cursor:auto}.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__text,.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-menu__selection-group{padding:0;fill:currentColor}.mdc-menu__selection-group .mdc-deprecated-list-item{padding-left:56px;padding-right:16px}[dir=rtl] .mdc-menu__selection-group .mdc-deprecated-list-item,.mdc-menu__selection-group .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:56px;}.mdc-menu__selection-group .mdc-menu__selection-group-icon{left:16px;right:initial}[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon,.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl]{left:initial;right:16px;}.mdc-menu__selection-group .mdc-menu__selection-group-icon{display:none;position:absolute;top:50%;transform:translateY(-50%)}.mdc-menu-item--selected .mdc-menu__selection-group-icon{display:inline}.mdc-menu-surface{opacity:1;display:var(--limel-menu-surface-display, block);flex-direction:var(--limel-menu-surface-flex-direction, row);max-height:inherit;position:relative;--mdc-menu-max-width:calc( 100vw - 2rem );width:var(--menu-surface-width, auto);background-color:var(--lime-elevated-surface-background-color)}:host(limel-menu-surface.has-grid-layout) .mdc-menu-surface{width:var(--menu-surface-width, min(100vw - 2rem, 40rem));max-width:unset}";const Bt=class{constructor(e){t(this,e),this.size="mini",this.limeBranded=!1}render(){return i(n,{key:"757fd47f5c8c8a977d28ab58d8a0e0b40deb1df8"},i("svg",{key:"b7804a9a173c0603200d545e201da742ee886a28",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},this.renderSpinner()))}renderSpinner(){return this.limeBranded?i("g",null,i("g",{"clip-path":"url(#mask)"},i("circle",{class:"outline thick",cx:"12",cy:"12",r:"12"}),i("g",{class:"spinner"},i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}),i("circle",{class:"color thick",cx:"12",cy:"12",r:"12"}))),i("clipPath",{id:"mask"},i("path",{d:"M2.166 11.248C2.166 5.04 7.058 0 13.083 0 19.108 0 24 5.04 24 11.248c0 3.229-1.307 6.548-4.533 9.306-3.908 3.343-9.15 3.8-17.254 3.249-2.405-.164-2.753-.588-1.51-1.533C4.61 19.3 2.165 17.025 2.165 11.248zm3.124 9.834c5.563.227 9.416-.246 12.397-2.76 2.432-2.05 3.482-4.56 3.51-7.074.05-4.613-3.636-8.36-8.114-8.36-4.478 0-8.114 3.746-8.114 8.36 0 2.793.607 4.737.726 6.345.092 1.252.03 2.388-.405 3.49z"}))):i("g",null,i("circle",{class:"outline",cx:"12",cy:"12",r:"10"}),i("g",{class:"spinner"},i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"}),i("circle",{class:"color",cx:"12",cy:"12",r:"10"})))}};Bt.style=":host(limel-spinner){display:block}@keyframes spin{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes fade-in-the-spinner{0%{transform:scale(0.7);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes animate-colored-circles{5%{stroke-dashoffset:0}10%,100%{stroke-dashoffset:63}}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;transform:translate3d(0, 0, 0);animation:fade-in-the-spinner 0.5s ease forwards}:host([size=x-small]){height:2rem;width:2rem}:host([size=small]){height:2.125rem;width:2.125rem}:host([size=medium]){height:2.75rem;width:2.75rem}:host([size=large]){height:4rem;width:4rem}.spinner{animation:spin 1s linear infinite;transform-origin:center}.color{animation:animate-colored-circles 10s linear infinite;fill:none;stroke-dasharray:63;stroke-dashoffset:63;stroke-linecap:round;stroke-width:4}.color.thick{stroke-width:10}.color:nth-child(1){stroke:var(--spinner-color-1, rgb(var(--lime-brand-color-lime-green)))}.color:nth-child(2){stroke:var(--spinner-color-2, rgb(var(--lime-brand-color-ocean-teal)));animation-delay:1s}.color:nth-child(3){stroke:var(--spinner-color-3, rgb(var(--lime-brand-color-aqua)));animation-delay:2s}.color:nth-child(4){stroke:var(--spinner-color-4, rgb(var(--lime-brand-color-bubble-gum)));animation-delay:3s}.color:nth-child(5){stroke:var(--spinner-color-5, rgb(var(--lime-brand-color-sunny-orange)));animation-delay:4s}.color:nth-child(6){stroke:var(--spinner-color-6, rgb(var(--lime-brand-color-lime-green)));animation-delay:5s}.color:nth-child(7){stroke:var(--spinner-color-7, rgb(var(--lime-brand-color-ocean-teal)));animation-delay:6s}.color:nth-child(8){stroke:var(--spinner-color-8, rgb(var(--lime-brand-color-aqua)));animation-delay:7s}.color:nth-child(9){stroke:var(--spinner-color-9, rgb(var(--lime-brand-color-bubble-gum)));animation-delay:8s}.color:nth-child(10){stroke:var(--spinner-color-10, rgb(var(--contrast-700)));animation-delay:9s}.outline{stroke:rgba(var(--lime-brand-color-light-grey), 0.3);fill:none;stroke-linecap:round;stroke-width:4}.outline.thick{stroke-width:10}";export{M as limel_breadcrumbs,N as limel_input_field,vt as limel_list,yt as limel_menu,Mt as limel_menu_list,Nt as limel_menu_surface,Bt as limel_spinner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,h as t,a as i}from"./p-xvTBZcD2.js";import{d as s}from"./p-z_E3sq3p.js";import{m as n,r}from"./p-BgTwPGeH.js";import{c as a}from"./p-JbKhhoXs.js";import{a as l,b as c,g as d}from"./p-COzG_Mhw.js";import{t as p}from"./p-6rJPElLH.js";const h=class{constructor(i){e(this,i),this.open=o(this,"open"),this.close=o(this,"close"),this.action=o(this,"action"),this.isOpen=!1,this.invalid=!1,this.language="en",this.bodyId=a(),this.headingId=a(),this.onClick=()=>{this.handleInteraction()},this.handleInteraction=()=>{this.isOpen=!this.isOpen,this.isOpen?(this.open.emit(),setTimeout(s,100)):this.close.emit()},this.renderExpandCollapseSign=()=>t("div",{class:"expand-icon",role:"presentation","aria-hidden":"true"},t("div",{class:"line"}),t("div",{class:"line"}),t("div",{class:"line"}),t("div",{class:"line"})),this.renderIcon=()=>{if(!this.icon)return;const e=d(this.icon),o=l(this.icon),i=c(this.icon);return t("limel-icon",{name:e,"aria-label":i,"aria-hidden":i?null:"true",style:{color:`${o}`}})},this.renderHeading=()=>{if(this.header)return t("h2",{class:"title mdc-typography mdc-typography--headline2",id:this.headingId},this.header)},this.renderActions=()=>{if(this.actions)return t("div",{class:"actions"},this.actions.map(this.renderActionButton))},this.renderActionButton=e=>t("limel-icon-button",{icon:e.icon,label:e.label,disabled:e.disabled,onClick:this.handleActionClick(e)}),this.handleActionClick=e=>o=>{o.stopPropagation(),this.action.emit(e)},this.getCollapsibleSectionAriaLabel=()=>p.get(this.isOpen?"collapsible-section.close":"collapsible-section.open",this.language,{header:this.header?`"${this.header}"`:" "})}componentDidRender(){const e=this.host.shadowRoot.querySelector(".open-close-toggle");n(e)}disconnectedCallback(){const e=this.host.shadowRoot.querySelector(".open-close-toggle");r(e)}render(){return t("section",{key:"8105890d7039702755935af1290f3ac170a6f724",class:this.isOpen?"open":"","aria-invalid":this.invalid,"aria-labelledby":this.header?this.headingId:null},t("header",{key:"31e93e837d63d2a5954ec4c2780c2159467e0e8e"},t("button",{key:"126c518c39c010b3745f26c8542e4a7e667687a2",class:"open-close-toggle",onClick:this.onClick,"aria-controls":this.bodyId,"aria-expanded":this.isOpen?"true":"false","aria-label":this.getCollapsibleSectionAriaLabel(),type:"button"}),this.renderExpandCollapseSign(),this.renderIcon(),this.renderHeading(),t("div",{key:"db0c2822ebcacee830c60a035386973a3680469b",class:"divider-line",role:"presentation"}),this.renderHeaderSlot(),this.renderActions()),t("div",{key:"5a4456a8c5a783fad2389c8d013a6eccf70990f1",class:"body","aria-hidden":String(!this.isOpen),id:this.bodyId,role:"region"},t("slot",{key:"4db8829dfc0ba669b555c18130541e54ec84f4b0"})))}renderHeaderSlot(){return t("slot",{name:"header"})}get host(){return i(this)}};h.style='@charset "UTF-8";.expand-icon{position:relative;display:flex;align-items:center;justify-content:center;height:1.875rem;margin:0 0 0 0.5rem;width:0.75rem;flex-shrink:0}.line{position:absolute;inset:auto;margin:auto;width:100%;border-radius:1rem;height:0.125rem}.line:first-of-type,.line:last-of-type{transition:opacity 0.2s ease 0.1s, transform 0.4s ease 0.3s;opacity:0;background-color:var(--header-stroke-color, rgb(var(--contrast-900)))}.line:nth-of-type(2){transform:translate3d(0, 0.25rem, 0) rotate(90deg)}.line:nth-of-type(3){transform:translate3d(0, -0.25rem, 0) rotate(-90deg)}.line:nth-of-type(2),.line:nth-of-type(3){transition:opacity 0.2s ease, transform 0.18s ease}.line:nth-of-type(2):before,.line:nth-of-type(2):after,.line:nth-of-type(3):before,.line:nth-of-type(3):after{content:"";position:absolute;inset:0;margin:auto;width:50%;height:100%;border-radius:inherit;background-color:var(--header-stroke-color, rgb(var(--contrast-900)))}.line:nth-of-type(2):before,.line:nth-of-type(3):before{transform:translate3d(0, -0.1rem, 0) rotate(45deg)}.line:nth-of-type(2):after,.line:nth-of-type(3):after{transform:translate3d(0, 0.1rem, 0) rotate(-45deg)}.open-close-toggle:hover+.expand-icon .line:first-of-type,.open-close-toggle:hover+.expand-icon .line:last-of-type,.open-close-toggle:focus-visible+.expand-icon .line:first-of-type,.open-close-toggle:focus-visible+.expand-icon .line:last-of-type{transition:opacity 0.8s ease 0.4s, transform 0.4s ease 0.3s;opacity:1}.open-close-toggle:hover+.expand-icon .line:first-of-type,.open-close-toggle:focus-visible+.expand-icon .line:first-of-type{transform:rotate3d(0, 0, 1, 0deg)}.open-close-toggle:hover+.expand-icon .line:last-of-type,.open-close-toggle:focus-visible+.expand-icon .line:last-of-type{transform:rotate3d(0, 0, 1, 0deg)}.open-close-toggle:hover+.expand-icon .line:nth-of-type(2),.open-close-toggle:hover+.expand-icon .line:nth-of-type(3),.open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(2),.open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(3){transition:opacity 0.5s ease 0.4s, transform 0.7s cubic-bezier(0.85, 0.11, 0.14, 1.35) 0.2s}.open-close-toggle:hover+.expand-icon .line:nth-of-type(2),.open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(2){transform:translate3d(0, 0.5rem, 0) rotate(90deg);opacity:0.4}.open-close-toggle:hover+.expand-icon .line:nth-of-type(3),.open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(3){transform:translate3d(0, -0.5rem, 0) rotate(-90deg);opacity:0.4}section.open .line:first-of-type,section.open .line:last-of-type{transition:opacity 0.2s ease 0.1s, transform 0.4s ease 0.3s;opacity:1}section.open .line:first-of-type{transform:rotate3d(0, 0, 1, 0deg)}section.open .line:last-of-type{transform:rotate3d(0, 0, 1, 0deg)}section.open .line:nth-of-type(2),section.open .line:nth-of-type(3){transition:opacity 1s ease, transform 0.4s ease}section.open .line:nth-of-type(2){transform:translate3d(0, 1rem, 0) rotate(90deg);opacity:0}section.open .line:nth-of-type(3){transform:translate3d(0, -1rem, 0) rotate(-90deg);opacity:0}section.open .open-close-toggle:hover+.expand-icon .line:first-of-type,section.open .open-close-toggle:hover+.expand-icon .line:last-of-type,section.open .open-close-toggle:focus-visible+.expand-icon .line:first-of-type,section.open .open-close-toggle:focus-visible+.expand-icon .line:last-of-type{transition:opacity 0.2s ease 0.4s, transform 0.4s cubic-bezier(0.85, 0.11, 0.14, 1.35) 0.2s}section.open .open-close-toggle:hover+.expand-icon .line:first-of-type,section.open .open-close-toggle:focus-visible+.expand-icon .line:first-of-type{transform:rotate3d(0, 0, 1, 45deg)}section.open .open-close-toggle:hover+.expand-icon .line:last-of-type,section.open .open-close-toggle:focus-visible+.expand-icon .line:last-of-type{transform:rotate3d(0, 0, 1, -45deg)}section.open .open-close-toggle:hover+.expand-icon .line:nth-of-type(2),section.open .open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(2){transform:translate3d(0, 1rem, 0) rotate(90deg);opacity:0}section.open .open-close-toggle:hover+.expand-icon .line:nth-of-type(3),section.open .open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(3){transform:translate3d(0, -1rem, 0) rotate(-90deg);opacity:0}:host(limel-collapsible-section){--border-radius-of-header:0.75rem;display:block}:host([hidden]){display:none}.open-close-toggle{all:unset;position:absolute;inset:0;width:100%}.open-close-toggle:focus{outline:none}.open-close-toggle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.open-close-toggle{transition:background-color 0.4s ease, border-radius 0.1s ease;cursor:pointer;z-index:-1;background-color:var(--closed-header-background-color, rgb(var(--contrast-200)));border-radius:var(--border-radius-of-header)}.open-close-toggle:hover,.open-close-toggle:focus-visible{background-color:var(--open-header-background-color, rgb(var(--contrast-300)))}section.open .open-close-toggle{background-color:var(--open-header-background-color, rgb(var(--contrast-100)));border-radius:var(--border-radius-of-header) var(--border-radius-of-header) var(--limel-cs-open-header-bottom-border-radius, 0) var(--limel-cs-open-header-bottom-border-radius, 0)}section.open .open-close-toggle:hover,section.open .open-close-toggle:focus-visible{background-color:var(--open-header-background-color, rgb(var(--contrast-300)))}.title,.divider-line,.expand-icon{pointer-events:none}section{transition:box-shadow 0.4s ease;border-radius:var(--border-radius-of-header)}section[aria-invalid]:not([aria-invalid=false]){--header-stroke-color:rgb(var(--color-red-default)) !important}section[aria-invalid]:not([aria-invalid=false]):not(.open){box-shadow:0 0 0 1px rgb(var(--color-red-default))}header{isolation:isolate;position:relative;align-items:center;display:flex;justify-content:space-between;gap:0.5rem;padding-left:0.5rem;height:2.5rem}limel-icon{width:1.5rem}.title{font-size:1rem;font-weight:300;color:var(--limel-theme-on-surface-color);justify-self:flex-start;user-select:none;height:auto;max-height:3rem;line-height:1.2rem;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.divider-line{transition:opacity 0.3s ease 0.3s;flex-grow:1;height:0.125rem;border-radius:1rem;background-color:var(--header-stroke-color, rgb(var(--contrast-900)));opacity:0;margin-right:0.5rem}section.open .divider-line{opacity:0.16}.actions{justify-self:flex-end;flex-shrink:0}::slotted([slot=header]){margin-right:0.5rem}.body{background-color:var(--body-background-color, var(--contrast-100));padding-left:var(--body-padding, 1.25rem);padding-right:var(--body-padding, 1.25rem);border-radius:0 0 var(--border-radius-of-header) var(--border-radius-of-header)}.body{transition:grid-template-rows var(--limel-cs-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89);display:grid;grid-template-rows:var(--limel-cs-grid-template-rows)}.body slot{transition:opacity var(--limel-cs-opacity-transition-speed) ease var(--limel-cs-opacity-transition-delay);display:block;overflow:hidden}:host(limel-collapsible-section:not([is-open])){--limel-cs-opacity-transition-speed:0.1s;--limel-cs-opacity-transition-delay:0s;--limel-cs-grid-template-rows-transition-speed:0.3s;--limel-cs-grid-template-rows:0fr}:host(limel-collapsible-section:not([is-open])) slot{opacity:0}:host(limel-collapsible-section[is-open]){--limel-cs-opacity-transition-speed:0.4s;--limel-cs-opacity-transition-delay:0.3s;--limel-cs-grid-template-rows-transition-speed:0.46s;--limel-cs-grid-template-rows:1fr}:host(limel-collapsible-section[is-open]) slot{opacity:1}header:hover+.body,header:has(.open-close-toggle:hover)+.body,header:has(.open-close-toggle:focus-visible)+.body{will-change:grid-template-rows}header:hover+.body slot,header:has(.open-close-toggle:hover)+.body slot,header:has(.open-close-toggle:focus-visible)+.body slot{will-change:opacity}';export{h as limel_collapsible_section}
|