@limetech/lime-elements 38.21.2 → 38.21.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/{checkbox.template-882253c2.js → checkbox.template-d2c0b7fc.js} +4 -3
- package/dist/cjs/checkbox.template-d2c0b7fc.js.map +1 -0
- package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js +13 -14
- package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/limel-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-chip_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-chip_2.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-dynamic-label_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-dynamic-label_3.cjs.entry.js.map +1 -1
- package/dist/collection/components/checkbox/checkbox.css +72 -37
- package/dist/collection/components/checkbox/checkbox.template.js +2 -1
- package/dist/collection/components/checkbox/checkbox.template.js.map +1 -1
- package/dist/collection/components/chip-set/chip-set.css +2 -0
- package/dist/collection/components/input-field/input-field.css +9 -0
- package/dist/collection/components/list/list.css +282 -430
- package/dist/collection/components/list/radio-button/radio-button.template.js +6 -4
- package/dist/collection/components/list/radio-button/radio-button.template.js.map +1 -1
- package/dist/collection/components/menu-list/menu-list.css +282 -430
- package/dist/collection/components/notched-outline/notched-outline.css +1 -0
- package/dist/collection/style/internal/boolean-input.scss +178 -0
- package/dist/collection/style/internal/shared_input-select-picker.scss +3 -168
- package/dist/esm/{checkbox.template-0a54ff6e.js → checkbox.template-04a31caa.js} +4 -3
- package/dist/esm/checkbox.template-04a31caa.js.map +1 -0
- package/dist/esm/limel-breadcrumbs_7.entry.js +13 -14
- package/dist/esm/limel-breadcrumbs_7.entry.js.map +1 -1
- package/dist/esm/limel-checkbox.entry.js +2 -2
- package/dist/esm/limel-checkbox.entry.js.map +1 -1
- package/dist/esm/limel-chip_2.entry.js +1 -1
- package/dist/esm/limel-chip_2.entry.js.map +1 -1
- package/dist/esm/limel-dynamic-label_3.entry.js +1 -1
- package/dist/esm/limel-dynamic-label_3.entry.js.map +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-2869405b.entry.js → p-576a290b.entry.js} +2 -2
- package/dist/lime-elements/{p-2869405b.entry.js.map → p-576a290b.entry.js.map} +1 -1
- package/dist/lime-elements/{p-3fab45c9.entry.js → p-cc6195a9.entry.js} +7 -7
- package/dist/lime-elements/{p-3fab45c9.entry.js.map → p-cc6195a9.entry.js.map} +1 -1
- package/dist/lime-elements/p-d5b1f00e.js +2 -0
- package/dist/lime-elements/p-d5b1f00e.js.map +1 -0
- package/dist/lime-elements/{p-84f3deba.entry.js → p-e5ae9af8.entry.js} +2 -2
- package/dist/lime-elements/{p-84f3deba.entry.js.map → p-e5ae9af8.entry.js.map} +1 -1
- package/dist/lime-elements/p-e80040b7.entry.js +266 -0
- package/dist/lime-elements/p-e80040b7.entry.js.map +1 -0
- package/dist/lime-elements/style/internal/boolean-input.scss +178 -0
- package/dist/lime-elements/style/internal/shared_input-select-picker.scss +3 -168
- package/package.json +1 -1
- package/dist/cjs/checkbox.template-882253c2.js.map +0 -1
- package/dist/esm/checkbox.template-0a54ff6e.js.map +0 -1
- package/dist/lime-elements/p-6b746479.js +0 -2
- package/dist/lime-elements/p-6b746479.js.map +0 -1
- package/dist/lime-elements/p-6e698e38.entry.js +0 -266
- package/dist/lime-elements/p-6e698e38.entry.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as l,H as t}from"./p-288f0842.js";import{g as o}from"./p-d251f404.js";const i="*{box-sizing:border-box;min-width:0}:host(limel-dynamic-label){--limel-dynamic-label-min-height:1.75rem;display:flex;gap:0.25rem;align-items:flex-start;border-radius:0.5rem;min-width:0}limel-icon{--limel-icon-svg-margin:0.125rem;border-radius:0.25rem;flex-shrink:0;width:var(--limel-dynamic-label-min-height);color:rgb(var(--contrast-900))}label{flex-grow:1;font-size:var(--limel-theme-default-small-font-size);line-height:normal;color:var(--limel-theme-on-surface-color);padding-top:0.375rem}";const n=class{constructor(l){e(this,l);this.value=undefined;this.defaultLabel={};this.labels=[]}render(){var e,l;const t=this.labels.find((e=>e.value===this.value));return[this.renderIcon((e=t===null||t===void 0?void 0:t.icon)!==null&&e!==void 0?e:this.defaultLabel.icon),this.renderLabel((l=t===null||t===void 0?void 0:t.text)!==null&&l!==void 0?l:this.defaultLabel.text)]}renderIcon(e){const t=o(e);if(!t){return}let i;let n;if(typeof e==="object"){i=e.color;n=e.backgroundColor}const r={role:"presentation",name:t,style:{color:i,"background-color":n}};return l("limel-icon",Object.assign({},r))}renderLabel(e=""){return l("label",null,e)}};n.style=i;const r=":host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-helper-line.invalid) .helper-text{color:var(--limel-theme-error-color)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}";const a=class{constructor(t){e(this,t);this.hasContent=()=>!!(this.maxLength>0||this.helperText&&this.helperText.length>0);this.renderHelperText=()=>{if(!this.helperText){return}return l("span",{class:"helper-text",id:this.helperTextId},this.helperText)};this.renderCharacterCounter=()=>{const e=`${this.length} / ${this.maxLength}`;if(!this.maxLength){return}return l("span",{class:"counter"},e)};this.helperText=undefined;this.length=undefined;this.maxLength=undefined;this.invalid=false;this.helperTextId=undefined}render(){return l(t,{tabIndex:-1,class:{invalid:this.invalid},style:this.hasContent()?{}:{display:"none"},"aria-hidden":!this.hasContent()},l("div",null,this.renderHelperText(),this.renderCharacterCounter()))}};a.style=r;const s='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}limel-notched-outline{--limel-notched-outline-border-color:rgba(var(--contrast-700), 0.65);--limel-notched-outline-background-color:rgba(var(--contrast-200), 0.5);display:block;width:100%;height:fit-content}.limel-notched-outline{position:relative;width:100%;height:100%}.limel-notched-outline [slot=content]{background-color:var(--limel-notched-outline-background-color);border-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--outlines{pointer-events:none;position:absolute;inset:0;z-index:var(--limel-notched-outline-z-index, 0);display:flex}.limel-notched-outline--leading-outline,.limel-notched-outline--notch,.limel-notched-outline--trailing-outline{transition:border-color 0.2s ease;border-width:1px;border-style:solid;border-color:var(--limel-notched-outline-border-color)}.limel-notched-outline--leading-outline{flex-shrink:0;width:0.75rem;border-right-width:0;border-top-left-radius:var(--limel-notched-outline-border-radius, 0.25rem);border-bottom-left-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--notch{flex-shrink:0;position:relative;z-index:2;border-top-color:var(--limel-notched-outline-notch-border-top-color, var(--limel-notched-outline-border-color));border-right-width:0;border-left-width:0;max-width:calc(100% - 1.5rem)}.limel-notched-outline--notch label{all:unset;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;transition:color 0.2s ease, font-size 0.2s ease, transform 0.12s cubic-bezier(0.4, 0, 0.2, 1);transform:translate3d(var(--limel-notched-outline-label-transform-x, 0), var(--limel-notched-outline-label-transform-y, 0.62rem), 0);display:block;padding:0 0.25rem;color:var(--limel-notched-outline-label-color, rgba(var(--contrast-1200), 1));font-size:var(--limel-notched-outline-label-font-size, var(--limel-theme-default-font-size));letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);line-height:normal}.limel-notched-outline--notch label:after{position:absolute;right:0;padding:0 0.25rem}.limel-notched-outline--trailing-outline{flex-grow:1;border-left-width:0;border-top-right-radius:var(--limel-notched-outline-border-radius, 0.25rem);border-bottom-right-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--empty-readonly-value{position:absolute;top:0.62rem;left:1rem}.limel-notched-outline--empty-readonly-value .lime-looks-like-input-value{line-height:1.75rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(var(--contrast-1400), 1);font-size:var(--limel-theme-default-font-size);font-weight:400;letter-spacing:0.009375em}.mdc-text-field--disabled .limel-notched-outline--empty-readonly-value .lime-looks-like-input-value{cursor:not-allowed;opacity:0.4}limel-notched-outline:not([disabled]:not([disabled=false])):hover{--limel-notched-outline-border-color:rgba(var(--contrast-700), 1);--limel-notched-outline-background-color:rgba(var(--contrast-200), 1)}limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-visible),limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-within){--limel-notched-outline-border-color:var(--lime-primary-color, var(--limel-theme-primary-color));--limel-notched-outline-background-color:rgba(var(--contrast-100), 0.8)}limel-notched-outline[disabled]:not([disabled=false]){--limel-notched-outline-label-color:rgba(var(--contrast-1200), 0.5)}limel-notched-outline[required]:not([required=false]) .limel-notched-outline--notch label{padding-right:0.75rem}limel-notched-outline[required]:not([required=false]) .limel-notched-outline--notch label:after{content:"*";scale:1.3}limel-notched-outline[invalid]:not([invalid=false]):not([disabled]:not([disabled=false])){--limel-notched-outline-border-color:var(\n --limel-theme-error-text-color\n )}limel-notched-outline[invalid]:not([invalid=false]):not([disabled]:not([disabled=false])):hover{--limel-notched-outline-border-color:var(\n --limel-theme-error-color\n )}limel-notched-outline[invalid]:not([invalid=false]) .limel-notched-outline--notch label:after{color:var(--limel-theme-error-text-color)}limel-notched-outline[readonly]:not([readonly=false]){--limel-notched-outline-border-color:transparent !important;--limel-notched-outline-background-color:transparent !important}limel-notched-outline[readonly]:not([readonly=false]) .limel-notched-outline--notch label{transition-duration:0s}limel-notched-outline[has-leading-icon]:not([has-leading-icon=false]):not([has-floating-label]):not([has-value]){--limel-notched-outline-label-transform-x:1.25rem}limel-notched-outline[has-leading-icon] .limel-notched-outline--empty-readonly-value{left:2.25rem}limel-notched-outline:not([disabled]:not([disabled=false])):hover label,limel-notched-outline:not([disabled]:not([disabled=false])):focus label,limel-notched-outline:not([disabled]:not([disabled=false])):focus-within label{will-change:color, transform, font-size}limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-visible),limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-within){--limel-notched-outline-label-font-size:0.65rem;--limel-notched-outline-label-transform-x:0;--limel-notched-outline-label-transform-y:calc(-50% - 0.09375rem);--limel-notched-outline-notch-border-top-color:transparent}limel-notched-outline[has-floating-label],limel-notched-outline[has-value]:not([has-value=false]),limel-notched-outline[readonly]:not([has-value]:not([has-value=true])){--limel-notched-outline-label-font-size:0.65rem;--limel-notched-outline-label-transform-x:0;--limel-notched-outline-label-transform-y:calc(-50% - 0.09375rem);--limel-notched-outline-notch-border-top-color:transparent}';const d=class{constructor(l){e(this,l);this.required=false;this.readonly=false;this.invalid=false;this.disabled=false;this.label=undefined;this.labelId=undefined;this.hasValue=false;this.hasLeadingIcon=false;this.hasFloatingLabel=false}render(){return l("div",{class:"limel-notched-outline"},l("slot",{name:"content"}),l("span",{class:"limel-notched-outline--outlines","aria-hidden":"true"},l("span",{class:"limel-notched-outline--leading-outline"}),this.renderLabel(),l("span",{class:"limel-notched-outline--trailing-outline"}),this.renderEmptyReadonlyValue()))}renderLabel(){if(!this.label){return}return l("span",{class:"limel-notched-outline--notch"},l("label",{htmlFor:this.labelId},this.label))}renderEmptyReadonlyValue(){if(!this.readonly||this.hasValue){return}return l("span",{class:"limel-notched-outline--empty-readonly-value","aria-hidden":"true"},"–")}};d.style=s;export{n as limel_dynamic_label,a as limel_helper_line,d as limel_notched_outline};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as l,H as t}from"./p-288f0842.js";import{g as o}from"./p-d251f404.js";const i="*{box-sizing:border-box;min-width:0}:host(limel-dynamic-label){--limel-dynamic-label-min-height:1.75rem;display:flex;gap:0.25rem;align-items:flex-start;border-radius:0.5rem;min-width:0}limel-icon{--limel-icon-svg-margin:0.125rem;border-radius:0.25rem;flex-shrink:0;width:var(--limel-dynamic-label-min-height);color:rgb(var(--contrast-900))}label{flex-grow:1;font-size:var(--limel-theme-default-small-font-size);line-height:normal;color:var(--limel-theme-on-surface-color);padding-top:0.375rem}";const n=class{constructor(l){e(this,l);this.value=undefined;this.defaultLabel={};this.labels=[]}render(){var e,l;const t=this.labels.find((e=>e.value===this.value));return[this.renderIcon((e=t===null||t===void 0?void 0:t.icon)!==null&&e!==void 0?e:this.defaultLabel.icon),this.renderLabel((l=t===null||t===void 0?void 0:t.text)!==null&&l!==void 0?l:this.defaultLabel.text)]}renderIcon(e){const t=o(e);if(!t){return}let i;let n;if(typeof e==="object"){i=e.color;n=e.backgroundColor}const r={role:"presentation",name:t,style:{color:i,"background-color":n}};return l("limel-icon",Object.assign({},r))}renderLabel(e=""){return l("label",null,e)}};n.style=i;const r=":host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-helper-line.invalid) .helper-text{color:var(--limel-theme-error-color)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}";const a=class{constructor(t){e(this,t);this.hasContent=()=>!!(this.maxLength>0||this.helperText&&this.helperText.length>0);this.renderHelperText=()=>{if(!this.helperText){return}return l("span",{class:"helper-text",id:this.helperTextId},this.helperText)};this.renderCharacterCounter=()=>{const e=`${this.length} / ${this.maxLength}`;if(!this.maxLength){return}return l("span",{class:"counter"},e)};this.helperText=undefined;this.length=undefined;this.maxLength=undefined;this.invalid=false;this.helperTextId=undefined}render(){return l(t,{tabIndex:-1,class:{invalid:this.invalid},style:this.hasContent()?{}:{display:"none"},"aria-hidden":!this.hasContent()},l("div",null,this.renderHelperText(),this.renderCharacterCounter()))}};a.style=r;const s='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}limel-notched-outline{--limel-notched-outline-border-color:rgba(var(--contrast-700), 0.65);--limel-notched-outline-background-color:rgba(var(--contrast-200), 0.5);display:block;width:100%;height:fit-content}.limel-notched-outline{position:relative;width:100%;height:100%}.limel-notched-outline [slot=content]{background-color:var(--limel-notched-outline-background-color);border-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--outlines{pointer-events:none;position:absolute;inset:0;z-index:var(--limel-notched-outline-z-index, 0);display:flex}.limel-notched-outline--leading-outline,.limel-notched-outline--notch,.limel-notched-outline--trailing-outline{transition:border-color 0.2s ease;border-width:1px;border-style:solid;border-color:var(--limel-notched-outline-border-color)}.limel-notched-outline--leading-outline{flex-shrink:0;width:0.75rem;border-right-width:0;border-top-left-radius:var(--limel-notched-outline-border-radius, 0.25rem);border-bottom-left-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--notch{flex-shrink:0;position:relative;z-index:2;border-top-color:var(--limel-notched-outline-notch-border-top-color, var(--limel-notched-outline-border-color));border-right-width:0;border-left-width:0;max-width:calc(100% - 1.5rem)}.limel-notched-outline--notch label{all:unset;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;transition:color 0.2s ease, font-size 0.2s ease, transform 0.12s cubic-bezier(0.4, 0, 0.2, 1);transform:translate3d(var(--limel-notched-outline-label-transform-x, 0), var(--limel-notched-outline-label-transform-y, 0.62rem), 0);display:block;padding:0 0.25rem;color:var(--limel-notched-outline-label-color, rgba(var(--contrast-1200), 1));font-size:var(--limel-notched-outline-label-font-size, var(--limel-theme-default-font-size));letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);line-height:normal}.limel-notched-outline--notch label:after{position:absolute;right:0;padding:0 0.25rem}.limel-notched-outline--trailing-outline{flex-grow:1;border-left-width:0;border-top-right-radius:var(--limel-notched-outline-border-radius, 0.25rem);border-bottom-right-radius:var(--limel-notched-outline-border-radius, 0.25rem)}.limel-notched-outline--empty-readonly-value{position:absolute;top:0.62rem;left:1rem}.limel-notched-outline--empty-readonly-value .lime-looks-like-input-value{line-height:1.75rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(var(--contrast-1400), 1);font-size:var(--limel-theme-default-font-size);font-weight:400;font-family:inherit;letter-spacing:0.009375em}.mdc-text-field--disabled .limel-notched-outline--empty-readonly-value .lime-looks-like-input-value{cursor:not-allowed;opacity:0.4}limel-notched-outline:not([disabled]:not([disabled=false])):hover{--limel-notched-outline-border-color:rgba(var(--contrast-700), 1);--limel-notched-outline-background-color:rgba(var(--contrast-200), 1)}limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-visible),limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-within){--limel-notched-outline-border-color:var(--lime-primary-color, var(--limel-theme-primary-color));--limel-notched-outline-background-color:rgba(var(--contrast-100), 0.8)}limel-notched-outline[disabled]:not([disabled=false]){--limel-notched-outline-label-color:rgba(var(--contrast-1200), 0.5)}limel-notched-outline[required]:not([required=false]) .limel-notched-outline--notch label{padding-right:0.75rem}limel-notched-outline[required]:not([required=false]) .limel-notched-outline--notch label:after{content:"*";scale:1.3}limel-notched-outline[invalid]:not([invalid=false]):not([disabled]:not([disabled=false])){--limel-notched-outline-border-color:var(\n --limel-theme-error-text-color\n )}limel-notched-outline[invalid]:not([invalid=false]):not([disabled]:not([disabled=false])):hover{--limel-notched-outline-border-color:var(\n --limel-theme-error-color\n )}limel-notched-outline[invalid]:not([invalid=false]) .limel-notched-outline--notch label:after{color:var(--limel-theme-error-text-color)}limel-notched-outline[readonly]:not([readonly=false]){--limel-notched-outline-border-color:transparent !important;--limel-notched-outline-background-color:transparent !important}limel-notched-outline[readonly]:not([readonly=false]) .limel-notched-outline--notch label{transition-duration:0s}limel-notched-outline[has-leading-icon]:not([has-leading-icon=false]):not([has-floating-label]):not([has-value]){--limel-notched-outline-label-transform-x:1.25rem}limel-notched-outline[has-leading-icon] .limel-notched-outline--empty-readonly-value{left:2.25rem}limel-notched-outline:not([disabled]:not([disabled=false])):hover label,limel-notched-outline:not([disabled]:not([disabled=false])):focus label,limel-notched-outline:not([disabled]:not([disabled=false])):focus-within label{will-change:color, transform, font-size}limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-visible),limel-notched-outline:not([disabled]:not([disabled=false])):has([slot=content]:focus-within){--limel-notched-outline-label-font-size:0.65rem;--limel-notched-outline-label-transform-x:0;--limel-notched-outline-label-transform-y:calc(-50% - 0.09375rem);--limel-notched-outline-notch-border-top-color:transparent}limel-notched-outline[has-floating-label],limel-notched-outline[has-value]:not([has-value=false]),limel-notched-outline[readonly]:not([has-value]:not([has-value=true])){--limel-notched-outline-label-font-size:0.65rem;--limel-notched-outline-label-transform-x:0;--limel-notched-outline-label-transform-y:calc(-50% - 0.09375rem);--limel-notched-outline-notch-border-top-color:transparent}';const d=class{constructor(l){e(this,l);this.required=false;this.readonly=false;this.invalid=false;this.disabled=false;this.label=undefined;this.labelId=undefined;this.hasValue=false;this.hasLeadingIcon=false;this.hasFloatingLabel=false}render(){return l("div",{class:"limel-notched-outline"},l("slot",{name:"content"}),l("span",{class:"limel-notched-outline--outlines","aria-hidden":"true"},l("span",{class:"limel-notched-outline--leading-outline"}),this.renderLabel(),l("span",{class:"limel-notched-outline--trailing-outline"}),this.renderEmptyReadonlyValue()))}renderLabel(){if(!this.label){return}return l("span",{class:"limel-notched-outline--notch"},l("label",{htmlFor:this.labelId},this.label))}renderEmptyReadonlyValue(){if(!this.readonly||this.hasValue){return}return l("span",{class:"limel-notched-outline--empty-readonly-value","aria-hidden":"true"},"–")}};d.style=s;export{n as limel_dynamic_label,a as limel_helper_line,d as limel_notched_outline};
|
|
2
|
+
//# sourceMappingURL=p-576a290b.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["dynamicLabelCss","DynamicLabel","render","label","this","labels","find","l","value","renderIcon","_a","icon","defaultLabel","renderLabel","_b","text","iconName","getIconName","iconColor","iconBackgroundColor","color","backgroundColor","iconProps","role","name","style","h","Object","assign","helperLineCss","HelperLine","hasContent","maxLength","helperText","length","renderHelperText","class","id","helperTextId","renderCharacterCounter","counter","Host","tabIndex","invalid","display","notchedOutlineCss","NotchedOutline","renderEmptyReadonlyValue","htmlFor","labelId","readonly","hasValue"],"sources":["./src/components/dynamic-label/dynamic-label.scss?tag=limel-dynamic-label&encapsulation=shadow","./src/components/dynamic-label/dynamic-label.tsx","./src/components/helper-line/helper-line.scss?tag=limel-helper-line&encapsulation=shadow","./src/components/helper-line/helper-line.tsx","./src/components/notched-outline/notched-outline.scss?tag=limel-notched-outline","./src/components/notched-outline/notched-outline.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n min-width: 0;\n}\n\n:host(limel-dynamic-label) {\n --limel-dynamic-label-min-height: 1.75rem;\n display: flex;\n gap: 0.25rem;\n align-items: flex-start;\n border-radius: 0.5rem;\n min-width: 0;\n}\n\nlimel-icon {\n --limel-icon-svg-margin: 0.125rem;\n border-radius: 0.25rem;\n flex-shrink: 0;\n width: var(--limel-dynamic-label-min-height);\n color: rgb(\n var(--contrast-900)\n ); // The default `false` color. Will be overwritten by `Icon`\n}\n\nlabel {\n flex-grow: 1;\n font-size: var(\n --limel-theme-default-small-font-size\n ); // `13px`, Like Checkbox & Switch\n line-height: normal;\n color: var(--limel-theme-on-surface-color);\n padding-top: 0.375rem;\n}\n","import { getIconName } from '../icon/get-icon-props';\nimport { Component, Prop, h } from '@stencil/core';\nimport { Label, LabelValue } from './label.types';\nimport { Icon } from '../../interface';\n\n/**\n * This components displays a different label depending on the current given\n * value. A label can consist of a text and an optional icon. If no matching\n * label is found among the given `labels`, the `defaultLabel` will be displayed.\n *\n * One use case of the component is to enhance the visualization of a `boolean`\n * field like a checkbox or switch in a `readonly` state.\n *\n * The reason we offer this component is that the default styling\n * of the Checkbox or Toggle switch in the `readonly` state may not always\n * provide the best way of _visualizing information_, potentially leading to\n * confusion and negatively affecting the end-users' experience.\n *\n * @exampleComponent limel-example-dynamic-label\n * @exampleComponent limel-example-dynamic-label-readonly-boolean\n */\n@Component({\n tag: 'limel-dynamic-label',\n shadow: true,\n styleUrl: 'dynamic-label.scss',\n})\nexport class DynamicLabel {\n /**\n * The current value of the component which is used to match with the given\n * `labels` to determine what label to display.\n *\n * If not matching label is found, the `defaultLabel` is displayed.\n */\n @Prop()\n public value: LabelValue;\n\n /**\n * The label to display when no matching value is found in the `labels`\n * array. This is a fallback label that ensures there's always a label\n * displayed for the component.\n */\n @Prop({ reflect: true })\n public defaultLabel: Omit<Label, 'value'> = {};\n\n /**\n * A list of available labels. Each label has a corresponding value that\n * will be matched with the current `value` of the component to determine\n * what label to display.\n */\n @Prop()\n public labels: Label[] = [];\n\n public render() {\n const label = this.labels.find((l) => l.value === this.value);\n\n return [\n this.renderIcon(label?.icon ?? this.defaultLabel.icon),\n this.renderLabel(label?.text ?? this.defaultLabel.text),\n ];\n }\n\n private renderIcon(icon?: string | Icon) {\n const iconName = getIconName(icon);\n if (!iconName) {\n return;\n }\n\n let iconColor: string | undefined;\n let iconBackgroundColor: string | undefined;\n\n if (typeof icon === 'object') {\n iconColor = icon.color;\n iconBackgroundColor = icon.backgroundColor;\n }\n\n const iconProps = {\n role: 'presentation',\n name: iconName,\n style: {\n color: iconColor,\n 'background-color': iconBackgroundColor,\n },\n };\n\n return <limel-icon {...iconProps} />;\n }\n\n private renderLabel(label: string = '') {\n return <label>{label}</label>;\n }\n}\n",":host(limel-helper-line) {\n transition: opacity 0.2s ease;\n\n box-sizing: border-box;\n display: grid;\n\n min-width: 0; // prevents overflowing, if component is placed in flex containers\n\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.6875rem;\n line-height: normal;\n\n color: rgb(var(--contrast-1200));\n}\n\ndiv {\n display: flex;\n justify-content: space-between;\n gap: 0.75rem;\n overflow: hidden;\n padding: 0 1rem;\n}\n\n:host(limel-helper-line.invalid) {\n --limel-h-l-grid-template-rows-transition-speed: 0.46s;\n --limel-h-l-grid-template-rows: 1fr;\n\n .helper-text {\n color: var(--limel-theme-error-color);\n }\n}\n\n.counter {\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.helper-text,\n.counter {\n padding-top: 0.125rem;\n}\n\n// This animates height of the helper line, from `0` to `auto`.\n// To get this animation effect, the consumer component should\n// add `hide` classed accordingly.\n:host(limel-helper-line) {\n transition: grid-template-rows\n var(--limel-h-l-grid-template-rows-transition-speed, 0.46s)\n cubic-bezier(1, 0.09, 0, 0.89);\n grid-template-rows: var(--limel-h-l-grid-template-rows, 1fr);\n}\n\n:host(limel-helper-line.hide) {\n --limel-h-l-grid-template-rows-transition-speed: 0.3s;\n --limel-h-l-grid-template-rows: 0fr;\n}\n// End: animating height\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * This is an internal and private component that many input fields\n * use to display a helper text, along with a character counter below the\n * input field.\n *\n * We created this to keep the visual styles the same everywhere\n * and to avoid importing styles separately.\n *\n * Also this enables us to open the helper line in limel-portal,\n * more easily without having to send the styles to the portal.\n *\n * @exampleComponent limel-example-helper-line\n * @exampleComponent limel-example-helper-line-invalid\n * @exampleComponent limel-example-helper-line-long-text\n * @exampleComponent limel-example-helper-line-long-text-no-counter\n * @exampleComponent limel-example-helper-line-character-counter\n * @exampleComponent limel-example-helper-line-empty\n * @exampleComponent limel-example-helper-line-animation\n * @private\n */\n@Component({\n tag: 'limel-helper-line',\n shadow: true,\n styleUrl: 'helper-line.scss',\n})\nexport class HelperLine {\n /**\n * The helper text that is displayed on the left side.\n */\n @Prop({ reflect: true })\n public helperText?: string;\n\n /**\n * Length of the current input value, coming from the parent component.\n * Used in the character counter section on the right side.\n */\n @Prop({ reflect: true })\n public length?: number;\n\n /**\n * Maximum length of the characters, defined on the parent component.\n * Used in the character counter section on the right side.\n */\n @Prop({ reflect: true })\n public maxLength?: number;\n\n /**\n * Turns `true`, when the parent component is invalid.\n * For example, when the parent component is `required` but is left empty.\n * Or when the input format is invalid.\n */\n @Prop({ reflect: true })\n public invalid?: boolean = false;\n\n /**\n * Used by `aria-controls` and `aria-describedby` in the parent component.\n */\n @Prop({ reflect: true })\n public helperTextId?: string;\n\n public render() {\n return (\n <Host\n tabIndex={-1}\n class={{\n invalid: this.invalid,\n }}\n style={this.hasContent() ? {} : { display: 'none' }}\n aria-hidden={!this.hasContent()}\n >\n <div>\n {this.renderHelperText()}\n {this.renderCharacterCounter()}\n </div>\n </Host>\n );\n }\n\n private hasContent = () => {\n return !!(\n this.maxLength > 0 ||\n (this.helperText && this.helperText.length > 0)\n );\n };\n\n private renderHelperText = () => {\n if (!this.helperText) {\n return;\n }\n\n return (\n <span class=\"helper-text\" id={this.helperTextId}>\n {this.helperText}\n </span>\n );\n };\n\n private renderCharacterCounter = () => {\n const counter = `${this.length} / ${this.maxLength}`;\n\n if (!this.maxLength) {\n return;\n }\n\n return <span class=\"counter\">{counter}</span>;\n };\n}\n","@use '../../style/mixins.scss';\n@use '../../style/internal/shared_input-select-picker';\n/**\n * @prop --limel-notched-outline-z-index: Defines the `z-index` of the outlines & the label, since they are absolutely positioned. Useful if there are other elements with z-indexes in the consumer.\n */\n\n$border-radius: 0.25rem;\n$value-top: 0.62rem;\n\n*,\n*:before,\n*:after {\n box-sizing: border-box;\n}\n\nlimel-notched-outline {\n --limel-notched-outline-border-color: #{shared_input-select-picker.$lime-text-field-outline-color};\n --limel-notched-outline-background-color: #{shared_input-select-picker.$background-color-normal};\n\n display: block;\n width: 100%;\n height: fit-content;\n}\n\n.limel-notched-outline {\n position: relative;\n width: 100%;\n height: 100%;\n\n [slot='content'] {\n background-color: var(--limel-notched-outline-background-color);\n border-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n }\n\n // Why is everything prefixed?\n // Because the component has `shadow: false;`\n // and this ensures that we are not inheriting styles.\n &--outlines {\n pointer-events: none;\n position: absolute;\n inset: 0;\n z-index: var(--limel-notched-outline-z-index, 0);\n display: flex;\n }\n\n &--leading-outline,\n &--notch,\n &--trailing-outline {\n transition: border-color 0.2s ease;\n border-width: 1px;\n border-style: solid;\n border-color: var(--limel-notched-outline-border-color);\n }\n\n &--leading-outline {\n flex-shrink: 0;\n width: 0.75rem;\n border-right-width: 0;\n border-top-left-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n border-bottom-left-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n }\n\n &--notch {\n flex-shrink: 0;\n\n position: relative;\n z-index: 2;\n\n border-top-color: var(\n --limel-notched-outline-notch-border-top-color,\n var(--limel-notched-outline-border-color)\n );\n border-right-width: 0;\n border-left-width: 0;\n\n max-width: calc(100% - 1.5rem);\n\n label {\n all: unset;\n @include mixins.truncate-text;\n position: relative;\n transition:\n color 0.2s ease,\n font-size 0.2s ease,\n transform 0.12s cubic-bezier(0.4, 0, 0.2, 1);\n\n transform: translate3d(\n var(--limel-notched-outline-label-transform-x, 0),\n var(--limel-notched-outline-label-transform-y, $value-top),\n 0\n );\n display: block;\n padding: 0 0.25rem;\n\n color: var(\n --limel-notched-outline-label-color,\n #{shared_input-select-picker.$label-color}\n );\n font-size: var(\n --limel-notched-outline-label-font-size,\n #{shared_input-select-picker.$cropped-label-hack--font-size}\n );\n letter-spacing: var(\n --mdc-typography-subtitle1-letter-spacing,\n 0.009375em\n );\n line-height: normal;\n\n &:after {\n position: absolute;\n right: 0;\n padding: 0 0.25rem;\n }\n }\n }\n\n &--trailing-outline {\n flex-grow: 1;\n border-left-width: 0;\n border-top-right-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n border-bottom-right-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n }\n\n &--empty-readonly-value {\n @include shared_input-select-picker.lime-looks-like-input-value;\n position: absolute;\n top: $value-top;\n left: 1rem;\n }\n}\n\nlimel-notched-outline {\n &:not([disabled]:not([disabled='false'])) {\n &:hover {\n --limel-notched-outline-border-color: #{shared_input-select-picker.$lime-text-field-outline-color--hovered};\n --limel-notched-outline-background-color: #{shared_input-select-picker.$background-color-hovered};\n }\n\n &:has([slot='content']:focus-visible),\n &:has([slot='content']:focus-within) {\n --limel-notched-outline-border-color: #{shared_input-select-picker.$lime-text-field-outline-color--focused};\n --limel-notched-outline-background-color: #{shared_input-select-picker.$background-color-focused};\n }\n }\n\n &[disabled]:not([disabled='false']) {\n --limel-notched-outline-label-color: #{shared_input-select-picker.$label-color-disabled};\n }\n\n &[required]:not([required='false']) {\n .limel-notched-outline--notch {\n label {\n padding-right: 0.75rem;\n\n &:after {\n content: '*';\n scale: 1.3;\n }\n }\n }\n }\n\n &[invalid]:not([invalid='false']) {\n &:not([disabled]:not([disabled='false'])) {\n --limel-notched-outline-border-color: var(\n --limel-theme-error-text-color\n );\n &:hover {\n --limel-notched-outline-border-color: var(\n --limel-theme-error-color\n );\n }\n }\n\n .limel-notched-outline--notch {\n label {\n &:after {\n color: var(--limel-theme-error-text-color);\n }\n }\n }\n }\n\n &[readonly]:not([readonly='false']) {\n --limel-notched-outline-border-color: transparent !important;\n --limel-notched-outline-background-color: transparent !important;\n\n .limel-notched-outline--notch {\n label {\n transition-duration: 0s;\n }\n }\n }\n\n &[has-leading-icon] {\n &:not([has-leading-icon='false']):not([has-floating-label]):not(\n [has-value]\n ) {\n --limel-notched-outline-label-transform-x: 1.25rem;\n }\n\n .limel-notched-outline--empty-readonly-value {\n left: 2.25rem;\n }\n }\n}\n\n// Transitioning the floating label\n@mixin float-label {\n --limel-notched-outline-label-font-size: 0.65rem; // `10.4px` similar to MDC's floating label\n --limel-notched-outline-label-transform-x: 0;\n --limel-notched-outline-label-transform-y: calc(-50% - 0.09375rem);\n --limel-notched-outline-notch-border-top-color: transparent;\n}\n\nlimel-notched-outline {\n &:not([disabled]:not([disabled='false'])) {\n &:hover,\n &:focus,\n &:focus-within {\n label {\n will-change: color, transform, font-size;\n }\n }\n\n &:has([slot='content']:focus-visible),\n &:has([slot='content']:focus-within) {\n @include float-label;\n }\n }\n\n &[has-floating-label],\n &[has-value]:not([has-value='false']),\n &[readonly]:not([has-value]:not([has-value='true'])) {\n @include float-label;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * This is a private component, used to render a notched outline\n * around all input elements that can have a floating label.\n * Inspired by Material Design's styles for input fields.\n * We use it in various components to unify styles and avoid\n * repeating code.\n *\n * :::note\n * The component has `shadow: false`. This is to improve performance,\n * and ensure that its internal elements are considered as internal parts\n * of the consumer's DOM. This way, the value `for` in `<label for=\"id-of-input-element\">`\n * would be correctly associated with the input element's `id`, in the consumer component.\n * :::\n * @exampleComponent limel-example-notched-outline-basic\n * @private\n */\n@Component({\n tag: 'limel-notched-outline',\n styleUrl: 'notched-outline.scss',\n shadow: false,\n})\nexport class NotchedOutline {\n /**\n * Set to `true` when the input element is required.\n * This applies proper visual styles, such as inclusion of an asterisk\n * beside the label.\n */\n @Prop({ reflect: true })\n public required = false;\n\n /**\n * Set to `true` when the input element is readonly.\n * This applies proper visual styles, such as making the outline transparent.\n */\n @Prop({ reflect: true })\n public readonly = false;\n\n /**\n * Set to `true` to indicate that the current value of the input element is\n * invalid. This applies proper visual styles, such as making the outlines red.\n */\n @Prop({ reflect: true })\n public invalid = false;\n\n /**\n * Set to `true` to indicate that the input element is\n * disabled. This applies proper visual styles, such as making the outlines\n * and the label transparent.\n */\n @Prop({ reflect: true })\n public disabled = false;\n\n /**\n * Label to display for the input element.\n * :::important\n * Note that the input element of the consumer component will be\n * labeled by this label, using the `labelId` prop.\n * :::\n */\n @Prop({ reflect: true })\n public label?: string;\n\n /**\n * The `id` of the input element which should be\n * labeled by the provided label.\n */\n @Prop({ reflect: true })\n public labelId?: string;\n\n /**\n * Set to `true` when the user has entered a value for the input element,\n * shrinking the label in size, and visually rendering it above the entered value.\n */\n @Prop({ reflect: true })\n public hasValue = false;\n\n /**\n * Set to `true` when the consumer element displays a leading icon.\n * This applies proper visual styles, such as rendering the label\n * correctly placed beside the leading icon.\n */\n @Prop({ reflect: true })\n public hasLeadingIcon = false;\n\n /**\n * Set to `true` when the consumer element needs to render the\n * label above the input element, despite existence of a `value`.\n * For example in the `text-editor` or `limel-select`,\n * where the default layout requires a floating label.\n */\n @Prop({ reflect: true })\n public hasFloatingLabel = false;\n\n public render() {\n return (\n <div class=\"limel-notched-outline\">\n <slot name=\"content\" />\n <span\n class=\"limel-notched-outline--outlines\"\n aria-hidden=\"true\"\n >\n <span class=\"limel-notched-outline--leading-outline\" />\n {this.renderLabel()}\n <span class=\"limel-notched-outline--trailing-outline\" />\n {this.renderEmptyReadonlyValue()}\n </span>\n </div>\n );\n }\n\n private renderLabel() {\n if (!this.label) {\n return;\n }\n\n return (\n <span class=\"limel-notched-outline--notch\">\n <label htmlFor={this.labelId}>{this.label}</label>\n </span>\n );\n }\n\n private renderEmptyReadonlyValue() {\n if (!this.readonly || this.hasValue) {\n return;\n }\n\n return (\n <span\n class=\"limel-notched-outline--empty-readonly-value\"\n aria-hidden=\"true\"\n >\n –\n </span>\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAkB,gf,MC0BXC,EAAY,M,gEAgBuB,G,YAQnB,E,CAElBC,S,QACH,MAAMC,EAAQC,KAAKC,OAAOC,MAAMC,GAAMA,EAAEC,QAAUJ,KAAKI,QAEvD,MAAO,CACHJ,KAAKK,YAAWC,EAAAP,IAAK,MAALA,SAAK,SAALA,EAAOQ,QAAI,MAAAD,SAAA,EAAAA,EAAIN,KAAKQ,aAAaD,MACjDP,KAAKS,aAAYC,EAAAX,IAAK,MAALA,SAAK,SAALA,EAAOY,QAAI,MAAAD,SAAA,EAAAA,EAAIV,KAAKQ,aAAaG,M,CAIlDN,WAAWE,GACf,MAAMK,EAAWC,EAAYN,GAC7B,IAAKK,EAAU,CACX,M,CAGJ,IAAIE,EACJ,IAAIC,EAEJ,UAAWR,IAAS,SAAU,CAC1BO,EAAYP,EAAKS,MACjBD,EAAsBR,EAAKU,e,CAG/B,MAAMC,EAAY,CACdC,KAAM,eACNC,KAAMR,EACNS,MAAO,CACHL,MAAOF,EACP,mBAAoBC,IAI5B,OAAOO,EAAA,aAAAC,OAAAC,OAAA,GAAgBN,G,CAGnBT,YAAYV,EAAgB,IAChC,OAAOuB,EAAA,aAAQvB,E,aCxFvB,MAAM0B,EAAgB,k7B,MC2BTC,EAAU,M,yBAqDX1B,KAAA2B,WAAa,OAEb3B,KAAK4B,UAAY,GAChB5B,KAAK6B,YAAc7B,KAAK6B,WAAWC,OAAS,GAI7C9B,KAAA+B,iBAAmB,KACvB,IAAK/B,KAAK6B,WAAY,CAClB,M,CAGJ,OACIP,EAAA,QAAMU,MAAM,cAAcC,GAAIjC,KAAKkC,cAC9BlC,KAAK6B,WACH,EAIP7B,KAAAmC,uBAAyB,KAC7B,MAAMC,EAAU,GAAGpC,KAAK8B,YAAY9B,KAAK4B,YAEzC,IAAK5B,KAAK4B,UAAW,CACjB,M,CAGJ,OAAON,EAAA,QAAMU,MAAM,WAAWI,EAAe,E,sFApDtB,M,4BAQpBtC,SACH,OACIwB,EAACe,EAAI,CACDC,UAAW,EACXN,MAAO,CACHO,QAASvC,KAAKuC,SAElBlB,MAAOrB,KAAK2B,aAAe,GAAK,CAAEa,QAAS,QAAQ,eACrCxC,KAAK2B,cAEnBL,EAAA,WACKtB,KAAK+B,mBACL/B,KAAKmC,0B,aC1E1B,MAAMM,EAAoB,6sL,MCuBbC,EAAc,M,uCAOL,M,cAOA,M,aAOD,M,cAQC,M,0DAwBA,M,oBAQM,M,sBASE,K,CAEnB5C,SACH,OACIwB,EAAA,OAAKU,MAAM,yBACPV,EAAA,QAAMF,KAAK,YACXE,EAAA,QACIU,MAAM,kCAAiC,cAC3B,QAEZV,EAAA,QAAMU,MAAM,2CACXhC,KAAKS,cACNa,EAAA,QAAMU,MAAM,4CACXhC,KAAK2C,4B,CAMdlC,cACJ,IAAKT,KAAKD,MAAO,CACb,M,CAGJ,OACIuB,EAAA,QAAMU,MAAM,gCACRV,EAAA,SAAOsB,QAAS5C,KAAK6C,SAAU7C,KAAKD,O,CAKxC4C,2BACJ,IAAK3C,KAAK8C,UAAY9C,KAAK+C,SAAU,CACjC,M,CAGJ,OACIzB,EAAA,QACIU,MAAM,8CAA6C,cACvC,QAAM,I"}
|
|
1
|
+
{"version":3,"names":["dynamicLabelCss","DynamicLabel","render","label","this","labels","find","l","value","renderIcon","_a","icon","defaultLabel","renderLabel","_b","text","iconName","getIconName","iconColor","iconBackgroundColor","color","backgroundColor","iconProps","role","name","style","h","Object","assign","helperLineCss","HelperLine","hasContent","maxLength","helperText","length","renderHelperText","class","id","helperTextId","renderCharacterCounter","counter","Host","tabIndex","invalid","display","notchedOutlineCss","NotchedOutline","renderEmptyReadonlyValue","htmlFor","labelId","readonly","hasValue"],"sources":["./src/components/dynamic-label/dynamic-label.scss?tag=limel-dynamic-label&encapsulation=shadow","./src/components/dynamic-label/dynamic-label.tsx","./src/components/helper-line/helper-line.scss?tag=limel-helper-line&encapsulation=shadow","./src/components/helper-line/helper-line.tsx","./src/components/notched-outline/notched-outline.scss?tag=limel-notched-outline","./src/components/notched-outline/notched-outline.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n min-width: 0;\n}\n\n:host(limel-dynamic-label) {\n --limel-dynamic-label-min-height: 1.75rem;\n display: flex;\n gap: 0.25rem;\n align-items: flex-start;\n border-radius: 0.5rem;\n min-width: 0;\n}\n\nlimel-icon {\n --limel-icon-svg-margin: 0.125rem;\n border-radius: 0.25rem;\n flex-shrink: 0;\n width: var(--limel-dynamic-label-min-height);\n color: rgb(\n var(--contrast-900)\n ); // The default `false` color. Will be overwritten by `Icon`\n}\n\nlabel {\n flex-grow: 1;\n font-size: var(\n --limel-theme-default-small-font-size\n ); // `13px`, Like Checkbox & Switch\n line-height: normal;\n color: var(--limel-theme-on-surface-color);\n padding-top: 0.375rem;\n}\n","import { getIconName } from '../icon/get-icon-props';\nimport { Component, Prop, h } from '@stencil/core';\nimport { Label, LabelValue } from './label.types';\nimport { Icon } from '../../interface';\n\n/**\n * This components displays a different label depending on the current given\n * value. A label can consist of a text and an optional icon. If no matching\n * label is found among the given `labels`, the `defaultLabel` will be displayed.\n *\n * One use case of the component is to enhance the visualization of a `boolean`\n * field like a checkbox or switch in a `readonly` state.\n *\n * The reason we offer this component is that the default styling\n * of the Checkbox or Toggle switch in the `readonly` state may not always\n * provide the best way of _visualizing information_, potentially leading to\n * confusion and negatively affecting the end-users' experience.\n *\n * @exampleComponent limel-example-dynamic-label\n * @exampleComponent limel-example-dynamic-label-readonly-boolean\n */\n@Component({\n tag: 'limel-dynamic-label',\n shadow: true,\n styleUrl: 'dynamic-label.scss',\n})\nexport class DynamicLabel {\n /**\n * The current value of the component which is used to match with the given\n * `labels` to determine what label to display.\n *\n * If not matching label is found, the `defaultLabel` is displayed.\n */\n @Prop()\n public value: LabelValue;\n\n /**\n * The label to display when no matching value is found in the `labels`\n * array. This is a fallback label that ensures there's always a label\n * displayed for the component.\n */\n @Prop({ reflect: true })\n public defaultLabel: Omit<Label, 'value'> = {};\n\n /**\n * A list of available labels. Each label has a corresponding value that\n * will be matched with the current `value` of the component to determine\n * what label to display.\n */\n @Prop()\n public labels: Label[] = [];\n\n public render() {\n const label = this.labels.find((l) => l.value === this.value);\n\n return [\n this.renderIcon(label?.icon ?? this.defaultLabel.icon),\n this.renderLabel(label?.text ?? this.defaultLabel.text),\n ];\n }\n\n private renderIcon(icon?: string | Icon) {\n const iconName = getIconName(icon);\n if (!iconName) {\n return;\n }\n\n let iconColor: string | undefined;\n let iconBackgroundColor: string | undefined;\n\n if (typeof icon === 'object') {\n iconColor = icon.color;\n iconBackgroundColor = icon.backgroundColor;\n }\n\n const iconProps = {\n role: 'presentation',\n name: iconName,\n style: {\n color: iconColor,\n 'background-color': iconBackgroundColor,\n },\n };\n\n return <limel-icon {...iconProps} />;\n }\n\n private renderLabel(label: string = '') {\n return <label>{label}</label>;\n }\n}\n",":host(limel-helper-line) {\n transition: opacity 0.2s ease;\n\n box-sizing: border-box;\n display: grid;\n\n min-width: 0; // prevents overflowing, if component is placed in flex containers\n\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-size: 0.6875rem;\n line-height: normal;\n\n color: rgb(var(--contrast-1200));\n}\n\ndiv {\n display: flex;\n justify-content: space-between;\n gap: 0.75rem;\n overflow: hidden;\n padding: 0 1rem;\n}\n\n:host(limel-helper-line.invalid) {\n --limel-h-l-grid-template-rows-transition-speed: 0.46s;\n --limel-h-l-grid-template-rows: 1fr;\n\n .helper-text {\n color: var(--limel-theme-error-color);\n }\n}\n\n.counter {\n flex-shrink: 0;\n margin-left: auto;\n}\n\n.helper-text,\n.counter {\n padding-top: 0.125rem;\n}\n\n// This animates height of the helper line, from `0` to `auto`.\n// To get this animation effect, the consumer component should\n// add `hide` classed accordingly.\n:host(limel-helper-line) {\n transition: grid-template-rows\n var(--limel-h-l-grid-template-rows-transition-speed, 0.46s)\n cubic-bezier(1, 0.09, 0, 0.89);\n grid-template-rows: var(--limel-h-l-grid-template-rows, 1fr);\n}\n\n:host(limel-helper-line.hide) {\n --limel-h-l-grid-template-rows-transition-speed: 0.3s;\n --limel-h-l-grid-template-rows: 0fr;\n}\n// End: animating height\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * This is an internal and private component that many input fields\n * use to display a helper text, along with a character counter below the\n * input field.\n *\n * We created this to keep the visual styles the same everywhere\n * and to avoid importing styles separately.\n *\n * Also this enables us to open the helper line in limel-portal,\n * more easily without having to send the styles to the portal.\n *\n * @exampleComponent limel-example-helper-line\n * @exampleComponent limel-example-helper-line-invalid\n * @exampleComponent limel-example-helper-line-long-text\n * @exampleComponent limel-example-helper-line-long-text-no-counter\n * @exampleComponent limel-example-helper-line-character-counter\n * @exampleComponent limel-example-helper-line-empty\n * @exampleComponent limel-example-helper-line-animation\n * @private\n */\n@Component({\n tag: 'limel-helper-line',\n shadow: true,\n styleUrl: 'helper-line.scss',\n})\nexport class HelperLine {\n /**\n * The helper text that is displayed on the left side.\n */\n @Prop({ reflect: true })\n public helperText?: string;\n\n /**\n * Length of the current input value, coming from the parent component.\n * Used in the character counter section on the right side.\n */\n @Prop({ reflect: true })\n public length?: number;\n\n /**\n * Maximum length of the characters, defined on the parent component.\n * Used in the character counter section on the right side.\n */\n @Prop({ reflect: true })\n public maxLength?: number;\n\n /**\n * Turns `true`, when the parent component is invalid.\n * For example, when the parent component is `required` but is left empty.\n * Or when the input format is invalid.\n */\n @Prop({ reflect: true })\n public invalid?: boolean = false;\n\n /**\n * Used by `aria-controls` and `aria-describedby` in the parent component.\n */\n @Prop({ reflect: true })\n public helperTextId?: string;\n\n public render() {\n return (\n <Host\n tabIndex={-1}\n class={{\n invalid: this.invalid,\n }}\n style={this.hasContent() ? {} : { display: 'none' }}\n aria-hidden={!this.hasContent()}\n >\n <div>\n {this.renderHelperText()}\n {this.renderCharacterCounter()}\n </div>\n </Host>\n );\n }\n\n private hasContent = () => {\n return !!(\n this.maxLength > 0 ||\n (this.helperText && this.helperText.length > 0)\n );\n };\n\n private renderHelperText = () => {\n if (!this.helperText) {\n return;\n }\n\n return (\n <span class=\"helper-text\" id={this.helperTextId}>\n {this.helperText}\n </span>\n );\n };\n\n private renderCharacterCounter = () => {\n const counter = `${this.length} / ${this.maxLength}`;\n\n if (!this.maxLength) {\n return;\n }\n\n return <span class=\"counter\">{counter}</span>;\n };\n}\n","@use '../../style/mixins.scss';\n@use '../../style/internal/shared_input-select-picker';\n/**\n * @prop --limel-notched-outline-z-index: Defines the `z-index` of the outlines & the label, since they are absolutely positioned. Useful if there are other elements with z-indexes in the consumer.\n */\n\n$border-radius: 0.25rem;\n$value-top: 0.62rem;\n\n*,\n*:before,\n*:after {\n box-sizing: border-box;\n}\n\nlimel-notched-outline {\n --limel-notched-outline-border-color: #{shared_input-select-picker.$lime-text-field-outline-color};\n --limel-notched-outline-background-color: #{shared_input-select-picker.$background-color-normal};\n\n display: block;\n width: 100%;\n height: fit-content;\n}\n\n.limel-notched-outline {\n position: relative;\n width: 100%;\n height: 100%;\n\n [slot='content'] {\n background-color: var(--limel-notched-outline-background-color);\n border-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n }\n\n // Why is everything prefixed?\n // Because the component has `shadow: false;`\n // and this ensures that we are not inheriting styles.\n &--outlines {\n pointer-events: none;\n position: absolute;\n inset: 0;\n z-index: var(--limel-notched-outline-z-index, 0);\n display: flex;\n }\n\n &--leading-outline,\n &--notch,\n &--trailing-outline {\n transition: border-color 0.2s ease;\n border-width: 1px;\n border-style: solid;\n border-color: var(--limel-notched-outline-border-color);\n }\n\n &--leading-outline {\n flex-shrink: 0;\n width: 0.75rem;\n border-right-width: 0;\n border-top-left-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n border-bottom-left-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n }\n\n &--notch {\n flex-shrink: 0;\n\n position: relative;\n z-index: 2;\n\n border-top-color: var(\n --limel-notched-outline-notch-border-top-color,\n var(--limel-notched-outline-border-color)\n );\n border-right-width: 0;\n border-left-width: 0;\n\n max-width: calc(100% - 1.5rem);\n\n label {\n all: unset;\n @include mixins.truncate-text;\n position: relative;\n transition:\n color 0.2s ease,\n font-size 0.2s ease,\n transform 0.12s cubic-bezier(0.4, 0, 0.2, 1);\n\n transform: translate3d(\n var(--limel-notched-outline-label-transform-x, 0),\n var(--limel-notched-outline-label-transform-y, $value-top),\n 0\n );\n display: block;\n padding: 0 0.25rem;\n\n color: var(\n --limel-notched-outline-label-color,\n #{shared_input-select-picker.$label-color}\n );\n font-size: var(\n --limel-notched-outline-label-font-size,\n var(--limel-theme-default-font-size)\n );\n letter-spacing: var(\n --mdc-typography-subtitle1-letter-spacing,\n 0.009375em\n );\n line-height: normal;\n\n &:after {\n position: absolute;\n right: 0;\n padding: 0 0.25rem;\n }\n }\n }\n\n &--trailing-outline {\n flex-grow: 1;\n border-left-width: 0;\n border-top-right-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n border-bottom-right-radius: var(\n --limel-notched-outline-border-radius,\n $border-radius\n );\n }\n\n &--empty-readonly-value {\n @include shared_input-select-picker.lime-looks-like-input-value;\n position: absolute;\n top: $value-top;\n left: 1rem;\n }\n}\n\nlimel-notched-outline {\n &:not([disabled]:not([disabled='false'])) {\n &:hover {\n --limel-notched-outline-border-color: #{shared_input-select-picker.$lime-text-field-outline-color--hovered};\n --limel-notched-outline-background-color: #{shared_input-select-picker.$background-color-hovered};\n }\n\n &:has([slot='content']:focus-visible),\n &:has([slot='content']:focus-within) {\n --limel-notched-outline-border-color: #{shared_input-select-picker.$lime-text-field-outline-color--focused};\n --limel-notched-outline-background-color: #{shared_input-select-picker.$background-color-focused};\n }\n }\n\n &[disabled]:not([disabled='false']) {\n --limel-notched-outline-label-color: #{shared_input-select-picker.$label-color-disabled};\n }\n\n &[required]:not([required='false']) {\n .limel-notched-outline--notch {\n label {\n padding-right: 0.75rem;\n\n &:after {\n content: '*';\n scale: 1.3;\n }\n }\n }\n }\n\n &[invalid]:not([invalid='false']) {\n &:not([disabled]:not([disabled='false'])) {\n --limel-notched-outline-border-color: var(\n --limel-theme-error-text-color\n );\n &:hover {\n --limel-notched-outline-border-color: var(\n --limel-theme-error-color\n );\n }\n }\n\n .limel-notched-outline--notch {\n label {\n &:after {\n color: var(--limel-theme-error-text-color);\n }\n }\n }\n }\n\n &[readonly]:not([readonly='false']) {\n --limel-notched-outline-border-color: transparent !important;\n --limel-notched-outline-background-color: transparent !important;\n\n .limel-notched-outline--notch {\n label {\n transition-duration: 0s;\n }\n }\n }\n\n &[has-leading-icon] {\n &:not([has-leading-icon='false']):not([has-floating-label]):not(\n [has-value]\n ) {\n --limel-notched-outline-label-transform-x: 1.25rem;\n }\n\n .limel-notched-outline--empty-readonly-value {\n left: 2.25rem;\n }\n }\n}\n\n// Transitioning the floating label\n@mixin float-label {\n --limel-notched-outline-label-font-size: 0.65rem; // `10.4px` similar to MDC's floating label\n --limel-notched-outline-label-transform-x: 0;\n --limel-notched-outline-label-transform-y: calc(-50% - 0.09375rem);\n --limel-notched-outline-notch-border-top-color: transparent;\n}\n\nlimel-notched-outline {\n &:not([disabled]:not([disabled='false'])) {\n &:hover,\n &:focus,\n &:focus-within {\n label {\n will-change: color, transform, font-size;\n }\n }\n\n &:has([slot='content']:focus-visible),\n &:has([slot='content']:focus-within) {\n @include float-label;\n }\n }\n\n &[has-floating-label],\n &[has-value]:not([has-value='false']),\n &[readonly]:not([has-value]:not([has-value='true'])) {\n @include float-label;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * This is a private component, used to render a notched outline\n * around all input elements that can have a floating label.\n * Inspired by Material Design's styles for input fields.\n * We use it in various components to unify styles and avoid\n * repeating code.\n *\n * :::note\n * The component has `shadow: false`. This is to improve performance,\n * and ensure that its internal elements are considered as internal parts\n * of the consumer's DOM. This way, the value `for` in `<label for=\"id-of-input-element\">`\n * would be correctly associated with the input element's `id`, in the consumer component.\n * :::\n * @exampleComponent limel-example-notched-outline-basic\n * @private\n */\n@Component({\n tag: 'limel-notched-outline',\n styleUrl: 'notched-outline.scss',\n shadow: false,\n})\nexport class NotchedOutline {\n /**\n * Set to `true` when the input element is required.\n * This applies proper visual styles, such as inclusion of an asterisk\n * beside the label.\n */\n @Prop({ reflect: true })\n public required = false;\n\n /**\n * Set to `true` when the input element is readonly.\n * This applies proper visual styles, such as making the outline transparent.\n */\n @Prop({ reflect: true })\n public readonly = false;\n\n /**\n * Set to `true` to indicate that the current value of the input element is\n * invalid. This applies proper visual styles, such as making the outlines red.\n */\n @Prop({ reflect: true })\n public invalid = false;\n\n /**\n * Set to `true` to indicate that the input element is\n * disabled. This applies proper visual styles, such as making the outlines\n * and the label transparent.\n */\n @Prop({ reflect: true })\n public disabled = false;\n\n /**\n * Label to display for the input element.\n * :::important\n * Note that the input element of the consumer component will be\n * labeled by this label, using the `labelId` prop.\n * :::\n */\n @Prop({ reflect: true })\n public label?: string;\n\n /**\n * The `id` of the input element which should be\n * labeled by the provided label.\n */\n @Prop({ reflect: true })\n public labelId?: string;\n\n /**\n * Set to `true` when the user has entered a value for the input element,\n * shrinking the label in size, and visually rendering it above the entered value.\n */\n @Prop({ reflect: true })\n public hasValue = false;\n\n /**\n * Set to `true` when the consumer element displays a leading icon.\n * This applies proper visual styles, such as rendering the label\n * correctly placed beside the leading icon.\n */\n @Prop({ reflect: true })\n public hasLeadingIcon = false;\n\n /**\n * Set to `true` when the consumer element needs to render the\n * label above the input element, despite existence of a `value`.\n * For example in the `text-editor` or `limel-select`,\n * where the default layout requires a floating label.\n */\n @Prop({ reflect: true })\n public hasFloatingLabel = false;\n\n public render() {\n return (\n <div class=\"limel-notched-outline\">\n <slot name=\"content\" />\n <span\n class=\"limel-notched-outline--outlines\"\n aria-hidden=\"true\"\n >\n <span class=\"limel-notched-outline--leading-outline\" />\n {this.renderLabel()}\n <span class=\"limel-notched-outline--trailing-outline\" />\n {this.renderEmptyReadonlyValue()}\n </span>\n </div>\n );\n }\n\n private renderLabel() {\n if (!this.label) {\n return;\n }\n\n return (\n <span class=\"limel-notched-outline--notch\">\n <label htmlFor={this.labelId}>{this.label}</label>\n </span>\n );\n }\n\n private renderEmptyReadonlyValue() {\n if (!this.readonly || this.hasValue) {\n return;\n }\n\n return (\n <span\n class=\"limel-notched-outline--empty-readonly-value\"\n aria-hidden=\"true\"\n >\n –\n </span>\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAkB,gf,MC0BXC,EAAY,M,gEAgBuB,G,YAQnB,E,CAElBC,S,QACH,MAAMC,EAAQC,KAAKC,OAAOC,MAAMC,GAAMA,EAAEC,QAAUJ,KAAKI,QAEvD,MAAO,CACHJ,KAAKK,YAAWC,EAAAP,IAAK,MAALA,SAAK,SAALA,EAAOQ,QAAI,MAAAD,SAAA,EAAAA,EAAIN,KAAKQ,aAAaD,MACjDP,KAAKS,aAAYC,EAAAX,IAAK,MAALA,SAAK,SAALA,EAAOY,QAAI,MAAAD,SAAA,EAAAA,EAAIV,KAAKQ,aAAaG,M,CAIlDN,WAAWE,GACf,MAAMK,EAAWC,EAAYN,GAC7B,IAAKK,EAAU,CACX,M,CAGJ,IAAIE,EACJ,IAAIC,EAEJ,UAAWR,IAAS,SAAU,CAC1BO,EAAYP,EAAKS,MACjBD,EAAsBR,EAAKU,e,CAG/B,MAAMC,EAAY,CACdC,KAAM,eACNC,KAAMR,EACNS,MAAO,CACHL,MAAOF,EACP,mBAAoBC,IAI5B,OAAOO,EAAA,aAAAC,OAAAC,OAAA,GAAgBN,G,CAGnBT,YAAYV,EAAgB,IAChC,OAAOuB,EAAA,aAAQvB,E,aCxFvB,MAAM0B,EAAgB,k7B,MC2BTC,EAAU,M,yBAqDX1B,KAAA2B,WAAa,OAEb3B,KAAK4B,UAAY,GAChB5B,KAAK6B,YAAc7B,KAAK6B,WAAWC,OAAS,GAI7C9B,KAAA+B,iBAAmB,KACvB,IAAK/B,KAAK6B,WAAY,CAClB,M,CAGJ,OACIP,EAAA,QAAMU,MAAM,cAAcC,GAAIjC,KAAKkC,cAC9BlC,KAAK6B,WACH,EAIP7B,KAAAmC,uBAAyB,KAC7B,MAAMC,EAAU,GAAGpC,KAAK8B,YAAY9B,KAAK4B,YAEzC,IAAK5B,KAAK4B,UAAW,CACjB,M,CAGJ,OAAON,EAAA,QAAMU,MAAM,WAAWI,EAAe,E,sFApDtB,M,4BAQpBtC,SACH,OACIwB,EAACe,EAAI,CACDC,UAAW,EACXN,MAAO,CACHO,QAASvC,KAAKuC,SAElBlB,MAAOrB,KAAK2B,aAAe,GAAK,CAAEa,QAAS,QAAQ,eACrCxC,KAAK2B,cAEnBL,EAAA,WACKtB,KAAK+B,mBACL/B,KAAKmC,0B,aC1E1B,MAAMM,EAAoB,iuL,MCuBbC,EAAc,M,uCAOL,M,cAOA,M,aAOD,M,cAQC,M,0DAwBA,M,oBAQM,M,sBASE,K,CAEnB5C,SACH,OACIwB,EAAA,OAAKU,MAAM,yBACPV,EAAA,QAAMF,KAAK,YACXE,EAAA,QACIU,MAAM,kCAAiC,cAC3B,QAEZV,EAAA,QAAMU,MAAM,2CACXhC,KAAKS,cACNa,EAAA,QAAMU,MAAM,4CACXhC,KAAK2C,4B,CAMdlC,cACJ,IAAKT,KAAKD,MAAO,CACb,M,CAGJ,OACIuB,EAAA,QAAMU,MAAM,gCACRV,EAAA,SAAOsB,QAAS5C,KAAK6C,SAAU7C,KAAKD,O,CAKxC4C,2BACJ,IAAK3C,KAAK8C,UAAY9C,KAAK+C,SAAU,CACjC,M,CAGJ,OACIzB,EAAA,QACIU,MAAM,8CAA6C,cACvC,QAAM,I"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,g as n}from"./p-288f0842.js";import{c as r}from"./p-ad52787a.js";import{C as o}from"./p-
|
|
1
|
+
import{r as e,c as t,h as i,g as n}from"./p-288f0842.js";import{c as r}from"./p-ad52787a.js";import{C as o}from"./p-d5b1f00e.js";import{_ as a,a as s,M as c,m as l,c as h,b as u}from"./p-9f722992.js";import{a as d}from"./p-9faad6eb.js";import{M as b,a as f,b as m}from"./p-5a478c15.js";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2016 Google Inc.
|
|
@@ -20,7 +20,7 @@ import{r as e,c as t,h as i,g as n}from"./p-288f0842.js";import{c as r}from"./p-
|
|
|
20
20
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
21
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
22
22
|
* THE SOFTWARE.
|
|
23
|
-
*/var
|
|
23
|
+
*/var p={ANIM_CHECKED_INDETERMINATE:"mdc-checkbox--anim-checked-indeterminate",ANIM_CHECKED_UNCHECKED:"mdc-checkbox--anim-checked-unchecked",ANIM_INDETERMINATE_CHECKED:"mdc-checkbox--anim-indeterminate-checked",ANIM_INDETERMINATE_UNCHECKED:"mdc-checkbox--anim-indeterminate-unchecked",ANIM_UNCHECKED_CHECKED:"mdc-checkbox--anim-unchecked-checked",ANIM_UNCHECKED_INDETERMINATE:"mdc-checkbox--anim-unchecked-indeterminate",BACKGROUND:"mdc-checkbox__background",CHECKED:"mdc-checkbox--checked",CHECKMARK:"mdc-checkbox__checkmark",CHECKMARK_PATH:"mdc-checkbox__checkmark-path",DISABLED:"mdc-checkbox--disabled",INDETERMINATE:"mdc-checkbox--indeterminate",MIXEDMARK:"mdc-checkbox__mixedmark",NATIVE_CONTROL:"mdc-checkbox__native-control",ROOT:"mdc-checkbox",SELECTED:"mdc-checkbox--selected",UPGRADED:"mdc-checkbox--upgraded"};var v={ARIA_CHECKED_ATTR:"aria-checked",ARIA_CHECKED_INDETERMINATE_VALUE:"mixed",DATA_INDETERMINATE_ATTR:"data-indeterminate",NATIVE_CONTROL_SELECTOR:".mdc-checkbox__native-control",TRANSITION_STATE_CHECKED:"checked",TRANSITION_STATE_INDETERMINATE:"indeterminate",TRANSITION_STATE_INIT:"init",TRANSITION_STATE_UNCHECKED:"unchecked"};var k={ANIM_END_LATCH_MS:250};
|
|
24
24
|
/**
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2016 Google Inc.
|
|
@@ -42,7 +42,7 @@ import{r as e,c as t,h as i,g as n}from"./p-288f0842.js";import{c as r}from"./p-
|
|
|
42
42
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
43
43
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
44
44
|
* THE SOFTWARE.
|
|
45
|
-
*/var g=function(e){a(t,e);function t(i){var n=e.call(this,
|
|
45
|
+
*/var g=function(e){a(t,e);function t(i){var n=e.call(this,s(s({},t.defaultAdapter),i))||this;n.currentCheckState=v.TRANSITION_STATE_INIT;n.currentAnimationClass="";n.animEndLatchTimer=0;n.enableAnimationEndHandler=false;return n}Object.defineProperty(t,"cssClasses",{get:function(){return p},enumerable:false,configurable:true});Object.defineProperty(t,"strings",{get:function(){return v},enumerable:false,configurable:true});Object.defineProperty(t,"numbers",{get:function(){return k},enumerable:false,configurable:true});Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){return undefined},forceLayout:function(){return undefined},hasNativeControl:function(){return false},isAttachedToDOM:function(){return false},isChecked:function(){return false},isIndeterminate:function(){return false},removeClass:function(){return undefined},removeNativeControlAttr:function(){return undefined},setNativeControlAttr:function(){return undefined},setNativeControlDisabled:function(){return undefined}}},enumerable:false,configurable:true});t.prototype.init=function(){this.currentCheckState=this.determineCheckState();this.updateAriaChecked();this.adapter.addClass(p.UPGRADED)};t.prototype.destroy=function(){clearTimeout(this.animEndLatchTimer)};t.prototype.setDisabled=function(e){this.adapter.setNativeControlDisabled(e);if(e){this.adapter.addClass(p.DISABLED)}else{this.adapter.removeClass(p.DISABLED)}};t.prototype.handleAnimationEnd=function(){var e=this;if(!this.enableAnimationEndHandler){return}clearTimeout(this.animEndLatchTimer);this.animEndLatchTimer=setTimeout((function(){e.adapter.removeClass(e.currentAnimationClass);e.enableAnimationEndHandler=false}),k.ANIM_END_LATCH_MS)};t.prototype.handleChange=function(){this.transitionCheckState()};t.prototype.transitionCheckState=function(){if(!this.adapter.hasNativeControl()){return}var e=this.currentCheckState;var t=this.determineCheckState();if(e===t){return}this.updateAriaChecked();var i=v.TRANSITION_STATE_UNCHECKED;var n=p.SELECTED;if(t===i){this.adapter.removeClass(n)}else{this.adapter.addClass(n)}if(this.currentAnimationClass.length>0){clearTimeout(this.animEndLatchTimer);this.adapter.forceLayout();this.adapter.removeClass(this.currentAnimationClass)}this.currentAnimationClass=this.getTransitionAnimationClass(e,t);this.currentCheckState=t;if(this.adapter.isAttachedToDOM()&&this.currentAnimationClass.length>0){this.adapter.addClass(this.currentAnimationClass);this.enableAnimationEndHandler=true}};t.prototype.determineCheckState=function(){var e=v.TRANSITION_STATE_INDETERMINATE,t=v.TRANSITION_STATE_CHECKED,i=v.TRANSITION_STATE_UNCHECKED;if(this.adapter.isIndeterminate()){return e}return this.adapter.isChecked()?t:i};t.prototype.getTransitionAnimationClass=function(e,i){var n=v.TRANSITION_STATE_INIT,r=v.TRANSITION_STATE_CHECKED,o=v.TRANSITION_STATE_UNCHECKED;var a=t.cssClasses,s=a.ANIM_UNCHECKED_CHECKED,c=a.ANIM_UNCHECKED_INDETERMINATE,l=a.ANIM_CHECKED_UNCHECKED,h=a.ANIM_CHECKED_INDETERMINATE,u=a.ANIM_INDETERMINATE_CHECKED,d=a.ANIM_INDETERMINATE_UNCHECKED;switch(e){case n:if(i===o){return""}return i===r?u:d;case o:return i===r?s:c;case r:return i===o?l:h;default:return i===r?u:d}};t.prototype.updateAriaChecked=function(){if(this.adapter.isIndeterminate()){this.adapter.setNativeControlAttr(v.ARIA_CHECKED_ATTR,v.ARIA_CHECKED_INDETERMINATE_VALUE)}else{this.adapter.removeNativeControlAttr(v.ARIA_CHECKED_ATTR)}};return t}(c);
|
|
46
46
|
/**
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2016 Google Inc.
|
|
@@ -64,7 +64,7 @@ import{r as e,c as t,h as i,g as n}from"./p-288f0842.js";import{c as r}from"./p-
|
|
|
64
64
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
65
65
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
66
66
|
* THE SOFTWARE.
|
|
67
|
-
*/var x=["checked","indeterminate"];var E=function(e){a(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;t.rippleSurface=t.createRipple();return t}t.attachTo=function(e){return new t(e)};Object.defineProperty(t.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"checked",{get:function(){return this.getNativeControl().checked},set:function(e){this.getNativeControl().checked=e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"indeterminate",{get:function(){return this.getNativeControl().indeterminate},set:function(e){this.getNativeControl().indeterminate=e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"disabled",{get:function(){return this.getNativeControl().disabled},set:function(e){this.foundation.setDisabled(e)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"value",{get:function(){return this.getNativeControl().value},set:function(e){this.getNativeControl().value=e},enumerable:false,configurable:true});t.prototype.initialize=function(){var e=
|
|
67
|
+
*/var x=["checked","indeterminate"];var E=function(e){a(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;t.rippleSurface=t.createRipple();return t}t.attachTo=function(e){return new t(e)};Object.defineProperty(t.prototype,"ripple",{get:function(){return this.rippleSurface},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"checked",{get:function(){return this.getNativeControl().checked},set:function(e){this.getNativeControl().checked=e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"indeterminate",{get:function(){return this.getNativeControl().indeterminate},set:function(e){this.getNativeControl().indeterminate=e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"disabled",{get:function(){return this.getNativeControl().disabled},set:function(e){this.foundation.setDisabled(e)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"value",{get:function(){return this.getNativeControl().value},set:function(e){this.getNativeControl().value=e},enumerable:false,configurable:true});t.prototype.initialize=function(){var e=v.DATA_INDETERMINATE_ATTR;this.getNativeControl().indeterminate=this.getNativeControl().getAttribute(e)==="true";this.getNativeControl().removeAttribute(e)};t.prototype.initialSyncWithDOM=function(){var e=this;this.handleChange=function(){e.foundation.handleChange()};this.handleAnimationEnd=function(){e.foundation.handleAnimationEnd()};this.getNativeControl().addEventListener("change",this.handleChange);this.listen(d(window,"animationend"),this.handleAnimationEnd);this.installPropertyChangeHooks()};t.prototype.destroy=function(){this.rippleSurface.destroy();this.getNativeControl().removeEventListener("change",this.handleChange);this.unlisten(d(window,"animationend"),this.handleAnimationEnd);this.uninstallPropertyChangeHooks();e.prototype.destroy.call(this)};t.prototype.getDefaultFoundation=function(){var e=this;var t={addClass:function(t){return e.root.classList.add(t)},forceLayout:function(){return e.root.offsetWidth},hasNativeControl:function(){return!!e.getNativeControl()},isAttachedToDOM:function(){return Boolean(e.root.parentNode)},isChecked:function(){return e.checked},isIndeterminate:function(){return e.indeterminate},removeClass:function(t){e.root.classList.remove(t)},removeNativeControlAttr:function(t){e.getNativeControl().removeAttribute(t)},setNativeControlAttr:function(t,i){e.getNativeControl().setAttribute(t,i)},setNativeControlDisabled:function(t){e.getNativeControl().disabled=t}};return new g(t)};t.prototype.createRipple=function(){var e=this;var t=s(s({},b.createAdapter(this)),{deregisterInteractionHandler:function(t,i){e.getNativeControl().removeEventListener(t,i,f())},isSurfaceActive:function(){return l(e.getNativeControl(),":active")},isUnbounded:function(){return true},registerInteractionHandler:function(t,i){e.getNativeControl().addEventListener(t,i,f())}});return new b(this.root,new m(t))};t.prototype.installPropertyChangeHooks=function(){var e,t;var i=this;var n=this.getNativeControl();var r=Object.getPrototypeOf(n);var o=function(e){var t=Object.getOwnPropertyDescriptor(r,e);if(!C(t)){return{value:void 0}}var o=t.get;var a={configurable:t.configurable,enumerable:t.enumerable,get:o,set:function(e){t.set.call(n,e);i.foundation.handleChange()}};Object.defineProperty(n,e,a)};try{for(var a=h(x),s=a.next();!s.done;s=a.next()){var c=s.value;var l=o(c);if(typeof l==="object")return l.value}}catch(t){e={error:t}}finally{try{if(s&&!s.done&&(t=a.return))t.call(a)}finally{if(e)throw e.error}}};t.prototype.uninstallPropertyChangeHooks=function(){var e,t;var i=this.getNativeControl();var n=Object.getPrototypeOf(i);try{for(var r=h(x),o=r.next();!o.done;o=r.next()){var a=o.value;var s=Object.getOwnPropertyDescriptor(n,a);if(!C(s)){return}Object.defineProperty(i,a,s)}}catch(t){e={error:t}}finally{try{if(o&&!o.done&&(t=r.return))t.call(r)}finally{if(e)throw e.error}}};t.prototype.getNativeControl=function(){var e=v.NATIVE_CONTROL_SELECTOR;var t=this.root.querySelector(e);if(!t){throw new Error("Checkbox component requires a "+e+" element")}return t};return t}(u);function C(e){return!!e&&typeof e.set==="function"}
|
|
68
68
|
/**
|
|
69
69
|
* @license
|
|
70
70
|
* Copyright 2017 Google Inc.
|
|
@@ -108,7 +108,7 @@ import{r as e,c as t,h as i,g as n}from"./p-288f0842.js";import{c as r}from"./p-
|
|
|
108
108
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
109
109
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
110
110
|
* THE SOFTWARE.
|
|
111
|
-
*/var I=function(e){a(t,e);function t(i){var n=e.call(this,
|
|
111
|
+
*/var I=function(e){a(t,e);function t(i){var n=e.call(this,s(s({},t.defaultAdapter),i))||this;n.click=function(){n.handleClick()};return n}Object.defineProperty(t,"cssClasses",{get:function(){return w},enumerable:false,configurable:true});Object.defineProperty(t,"strings",{get:function(){return T},enumerable:false,configurable:true});Object.defineProperty(t,"defaultAdapter",{get:function(){return{activateInputRipple:function(){return undefined},deactivateInputRipple:function(){return undefined},deregisterInteractionHandler:function(){return undefined},registerInteractionHandler:function(){return undefined}}},enumerable:false,configurable:true});t.prototype.init=function(){this.adapter.registerInteractionHandler("click",this.click)};t.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("click",this.click)};t.prototype.handleClick=function(){var e=this;this.adapter.activateInputRipple();requestAnimationFrame((function(){e.adapter.deactivateInputRipple()}))};return t}(c);
|
|
112
112
|
/**
|
|
113
113
|
* @license
|
|
114
114
|
* Copyright 2017 Google Inc.
|
|
@@ -130,5 +130,5 @@ import{r as e,c as t,h as i,g as n}from"./p-288f0842.js";import{c as r}from"./p-
|
|
|
130
130
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
131
131
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
132
132
|
* THE SOFTWARE.
|
|
133
|
-
*/var A=function(e){a(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.attachTo=function(e){return new t(e)};t.prototype.labelEl=function(){var e=I.strings.LABEL_SELECTOR;return this.root.querySelector(e)};t.prototype.getDefaultFoundation=function(){var e=this;var t={activateInputRipple:function(){if(e.input&&e.input.ripple){e.input.ripple.activate()}},deactivateInputRipple:function(){if(e.input&&e.input.ripple){e.input.ripple.deactivate()}},deregisterInteractionHandler:function(t,i){var n=e.labelEl();if(n){n.removeEventListener(t,i)}},registerInteractionHandler:function(t,i){var n=e.labelEl();if(n){n.addEventListener(t,i)}}};return new I(t)};return t}(u);const N='@charset "UTF-8"
|
|
134
|
-
//# sourceMappingURL=p-
|
|
133
|
+
*/var A=function(e){a(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.attachTo=function(e){return new t(e)};t.prototype.labelEl=function(){var e=I.strings.LABEL_SELECTOR;return this.root.querySelector(e)};t.prototype.getDefaultFoundation=function(){var e=this;var t={activateInputRipple:function(){if(e.input&&e.input.ripple){e.input.ripple.activate()}},deactivateInputRipple:function(){if(e.input&&e.input.ripple){e.input.ripple.deactivate()}},deregisterInteractionHandler:function(t,i){var n=e.labelEl();if(n){n.removeEventListener(t,i)}},registerInteractionHandler:function(t,i){var n=e.labelEl();if(n){n.addEventListener(t,i)}}};return new I(t)};return t}(u);const N='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}.boolean-input{--limel-boolean-input-box-size:1.25rem;--limel-boolean-input-gap-size:0.5rem;position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--limel-checkbox-min-height, 2.5rem);width:100%}.boolean-input input[type=checkbox],.boolean-input input[type=radio]{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}label.boolean-input-label{min-width:var(--limel-boolean-input-box-size);min-height:var(--limel-boolean-input-box-size);padding-top:0.125rem;cursor:pointer;position:relative;width:100%;font-size:var(--limel-theme-default-small-font-size);color:var(--limel-theme-text-primary-on-background-color);padding-left:calc(var(--limel-boolean-input-box-size) + var(--limel-boolean-input-gap-size))}.disabled:not([readonly]):not([readonly=true]) label.boolean-input-label{cursor:not-allowed;color:var(--limel-theme-text-disabled-color)}.required label.boolean-input-label:after{margin-left:0.0625rem;content:"*"}.invalid:not(.readonly) label.boolean-input-label{color:var(--limel-theme-error-text-color)}:host(limel-checkbox.hide-label) label.boolean-input-label,.hide-label label.boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}.box{position:absolute;pointer-events:none;transition:border-color 0.4s ease 0.2s, background-color 0.2s ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease;display:inline-block;vertical-align:middle;width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);margin-right:var(--limel-boolean-input-gap-size);border-radius:var(--limel-boolean-input-box-border-radius);border:0.125rem solid;border-color:var(--checkbox-unchecked-border-color, rgb(var(--contrast-900)));background-color:var(--limel-checkbox-background-color, rgb(var(--contrast-300)))}.checked .box,.boolean-input:has(input[type=checkbox]:checked) .box,.boolean-input:has(input[type=radio]:checked) .box{background-color:var(--lime-primary-color, var(--limel-theme-primary-color));border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.disabled .box{opacity:0.4}.boolean-input:not(.disabled):has(label.boolean-input-label:hover) .box{will-change:box-shadow;box-shadow:var(--button-shadow-hovered)}.boolean-input:not(.disabled):has(label.boolean-input-label:active) .box{will-change:box-shadow;box-shadow:var(--button-shadow-pressed)}.box:before{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);content:"";position:absolute;inset:-0.1875rem;border-radius:inherit}.boolean-input:has(input[type=checkbox]:focus-visible) .box:before,.boolean-input:has(input[type=radio]:focus-visible) .box:before{will-change:box-shadow;box-shadow:var(--shadow-depth-8-focused)}.box:after{transition:opacity 0.2s ease, width 0.4s ease, box-shadow 0.6s cubic-bezier(0.68, -0.55, 0, 1.87), transform 0.6s cubic-bezier(0.68, -0.55, 0, 1.87);content:"";position:absolute;inset:0;margin:auto;border-radius:1rem;opacity:0;background-color:rgb(var(--color-white))}.boolean-input:not(.disabled):has(label.boolean-input-label:hover) .box:after{will-change:opacity, box-shadow, transform, width}:host(limel-checkbox){min-height:var(--limel-checkbox-min-height, 2.5rem)}.box:after{height:0.125rem;width:0.25rem}.indeterminate .box:after{opacity:1;width:calc(var(--limel-boolean-input-box-size) - 0.5rem)}.checkbox{--limel-boolean-input-box-border-radius:0.25rem}.checkbox svg.check-mark{position:absolute;z-index:1;inset:0;transform:translate3d(-0.125rem, -0.125rem, 0);width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);padding:0.25rem;color:rgb(var(--color-white));opacity:0;stroke-width:0.1875rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.checkbox svg.check-mark path{stroke-dashoffset:29.7833;stroke-dasharray:29.7833;transition:stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1)}.checkbox:not(.indeterminate):has(input[type=checkbox]:checked) svg.check-mark{opacity:1}.checkbox:not(.indeterminate):has(input[type=checkbox]:checked) svg.check-mark path{stroke-dashoffset:0}limel-dynamic-label{margin-top:0.375rem;margin-left:-0.25rem}:host(limel-checkbox:focus),:host(limel-checkbox:focus-visible),:host(limel-checkbox:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-checkbox){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-checkbox:focus) limel-helper-line,:host(limel-checkbox:focus-visible) limel-helper-line,:host(limel-checkbox:focus-within) limel-helper-line,:host(limel-checkbox:hover) limel-helper-line{will-change:grid-template-rows}';const _=class{constructor(i){e(this,i);this.change=t(this,"change",7);this.shouldReinitialize=false;this.id=r();this.helperTextId=r();this.destroyMDCInstances=()=>{var e,t;(e=this.mdcCheckbox)===null||e===void 0?void 0:e.destroy();(t=this.formField)===null||t===void 0?void 0:t.destroy();const i=this.getCheckboxElement();if(i){i.classList.remove(p.ANIM_CHECKED_INDETERMINATE,p.ANIM_CHECKED_UNCHECKED,p.ANIM_INDETERMINATE_CHECKED,p.ANIM_INDETERMINATE_UNCHECKED,p.ANIM_UNCHECKED_CHECKED,p.ANIM_UNCHECKED_INDETERMINATE)}};this.isInvalid=()=>{if(this.invalid){return true}if(this.required&&this.modified&&!this.checked){return true}};this.initialize=()=>{const e=this.limelCheckbox.shadowRoot.querySelector(".mdc-form-field");if(!e){return}this.formField=new A(e);this.mdcCheckbox=new E(this.getCheckboxElement());this.formField.input=this.mdcCheckbox};this.getCheckboxElement=()=>this.limelCheckbox.shadowRoot.querySelector(".mdc-checkbox");this.onChange=e=>{e.stopPropagation();this.change.emit(this.mdcCheckbox.checked);this.modified=true};this.disabled=false;this.readonly=false;this.invalid=undefined;this.label=undefined;this.helperText=undefined;this.checked=false;this.indeterminate=false;this.required=false;this.readonlyLabels=[];this.modified=false}handleCheckedChange(e){if(!this.mdcCheckbox){return}this.mdcCheckbox.checked=e}handleIndeterminateChange(e){this.mdcCheckbox.checked=this.checked;this.mdcCheckbox.indeterminate=e}handleReadonlyChange(){this.destroyMDCInstances();this.shouldReinitialize=true}componentDidRender(){if(this.shouldReinitialize){this.initialize();this.shouldReinitialize=false}}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}disconnectedCallback(){this.destroyMDCInstances()}render(){return i(o,{disabled:this.disabled||this.readonly,label:this.label,readonlyLabels:this.readonlyLabels,helperText:this.helperText,helperTextId:this.helperTextId,checked:this.checked||this.indeterminate,indeterminate:this.indeterminate,required:this.required,readonly:this.readonly,invalid:this.isInvalid(),onChange:this.onChange,id:this.id})}get limelCheckbox(){return n(this)}static get watchers(){return{checked:["handleCheckedChange"],indeterminate:["handleIndeterminateChange"],readonly:["handleReadonlyChange"]}}};_.style=N;export{_ as limel_checkbox};
|
|
134
|
+
//# sourceMappingURL=p-cc6195a9.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["cssClasses","ANIM_CHECKED_INDETERMINATE","ANIM_CHECKED_UNCHECKED","ANIM_INDETERMINATE_CHECKED","ANIM_INDETERMINATE_UNCHECKED","ANIM_UNCHECKED_CHECKED","ANIM_UNCHECKED_INDETERMINATE","BACKGROUND","CHECKED","CHECKMARK","CHECKMARK_PATH","DISABLED","INDETERMINATE","MIXEDMARK","NATIVE_CONTROL","ROOT","SELECTED","UPGRADED","strings","ARIA_CHECKED_ATTR","ARIA_CHECKED_INDETERMINATE_VALUE","DATA_INDETERMINATE_ATTR","NATIVE_CONTROL_SELECTOR","TRANSITION_STATE_CHECKED","TRANSITION_STATE_INDETERMINATE","TRANSITION_STATE_INIT","TRANSITION_STATE_UNCHECKED","numbers","ANIM_END_LATCH_MS","MDCCheckboxFoundation","_super","__extends","adapter","_this","call","this","__assign","defaultAdapter","currentCheckState","currentAnimationClass","animEndLatchTimer","enableAnimationEndHandler","Object","defineProperty","get","enumerable","configurable","addClass","undefined","forceLayout","hasNativeControl","isAttachedToDOM","isChecked","isIndeterminate","removeClass","removeNativeControlAttr","setNativeControlAttr","setNativeControlDisabled","prototype","init","determineCheckState","updateAriaChecked","destroy","clearTimeout","setDisabled","disabled","handleAnimationEnd","setTimeout","handleChange","transitionCheckState","oldState","newState","length","getTransitionAnimationClass","_a","MDCFoundation","CB_PROTO_PROPS","MDCCheckbox","apply","arguments","rippleSurface","createRipple","attachTo","root","getNativeControl","checked","set","indeterminate","foundation","value","initialize","getAttribute","removeAttribute","initialSyncWithDOM","addEventListener","listen","getCorrectEventName","window","installPropertyChangeHooks","removeEventListener","unlisten","uninstallPropertyChangeHooks","getDefaultFoundation","className","classList","add","offsetWidth","Boolean","parentNode","remove","attr","setAttribute","MDCRipple","createAdapter","deregisterInteractionHandler","evtType","handler","applyPassive","isSurfaceActive","matches","isUnbounded","registerInteractionHandler","MDCRippleFoundation","e_1","nativeCb","cbProto","getPrototypeOf","_loop_1","controlState","desc","getOwnPropertyDescriptor","validDescriptor","nativeGetter","nativeCbDesc","state","CB_PROTO_PROPS_1","__values","CB_PROTO_PROPS_1_1","next","done","state_1","e_1_1","error","return","e_2","CB_PROTO_PROPS_2","CB_PROTO_PROPS_2_1","e_2_1","el","querySelector","Error","MDCComponent","inputPropDesc","LABEL_SELECTOR","MDCFormFieldFoundation","click","handleClick","activateInputRipple","deactivateInputRipple","requestAnimationFrame","MDCFormField","labelEl","input","ripple","activate","deactivate","checkboxCss","Checkbox","shouldReinitialize","id","createRandomString","helperTextId","destroyMDCInstances","mdcCheckbox","_b","formField","checkboxElement","getCheckboxElement","isInvalid","invalid","required","modified","element","limelCheckbox","shadowRoot","onChange","event","stopPropagation","change","emit","handleCheckedChange","newValue","handleIndeterminateChange","handleReadonlyChange","componentDidRender","connectedCallback","componentDidLoad","disconnectedCallback","render","h","CheckboxTemplate","readonly","label","readonlyLabels","helperText"],"sources":["./node_modules/@material/checkbox/constants.js","./node_modules/@material/checkbox/foundation.js","./node_modules/@material/checkbox/component.js","./node_modules/@material/form-field/constants.js","./node_modules/@material/form-field/foundation.js","./node_modules/@material/form-field/component.js","./src/components/checkbox/checkbox.scss?tag=limel-checkbox&encapsulation=shadow","./src/components/checkbox/checkbox.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nexport var cssClasses = {\n ANIM_CHECKED_INDETERMINATE: 'mdc-checkbox--anim-checked-indeterminate',\n ANIM_CHECKED_UNCHECKED: 'mdc-checkbox--anim-checked-unchecked',\n ANIM_INDETERMINATE_CHECKED: 'mdc-checkbox--anim-indeterminate-checked',\n ANIM_INDETERMINATE_UNCHECKED: 'mdc-checkbox--anim-indeterminate-unchecked',\n ANIM_UNCHECKED_CHECKED: 'mdc-checkbox--anim-unchecked-checked',\n ANIM_UNCHECKED_INDETERMINATE: 'mdc-checkbox--anim-unchecked-indeterminate',\n BACKGROUND: 'mdc-checkbox__background',\n CHECKED: 'mdc-checkbox--checked',\n CHECKMARK: 'mdc-checkbox__checkmark',\n CHECKMARK_PATH: 'mdc-checkbox__checkmark-path',\n DISABLED: 'mdc-checkbox--disabled',\n INDETERMINATE: 'mdc-checkbox--indeterminate',\n MIXEDMARK: 'mdc-checkbox__mixedmark',\n NATIVE_CONTROL: 'mdc-checkbox__native-control',\n ROOT: 'mdc-checkbox',\n SELECTED: 'mdc-checkbox--selected',\n UPGRADED: 'mdc-checkbox--upgraded',\n};\nexport var strings = {\n ARIA_CHECKED_ATTR: 'aria-checked',\n ARIA_CHECKED_INDETERMINATE_VALUE: 'mixed',\n DATA_INDETERMINATE_ATTR: 'data-indeterminate',\n NATIVE_CONTROL_SELECTOR: '.mdc-checkbox__native-control',\n TRANSITION_STATE_CHECKED: 'checked',\n TRANSITION_STATE_INDETERMINATE: 'indeterminate',\n TRANSITION_STATE_INIT: 'init',\n TRANSITION_STATE_UNCHECKED: 'unchecked',\n};\nexport var numbers = {\n ANIM_END_LATCH_MS: 250,\n};\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends } from \"tslib\";\nimport { MDCFoundation } from '@material/base/foundation';\nimport { cssClasses, numbers, strings } from './constants';\nvar MDCCheckboxFoundation = /** @class */ (function (_super) {\n __extends(MDCCheckboxFoundation, _super);\n function MDCCheckboxFoundation(adapter) {\n var _this = _super.call(this, __assign(__assign({}, MDCCheckboxFoundation.defaultAdapter), adapter)) || this;\n _this.currentCheckState = strings.TRANSITION_STATE_INIT;\n _this.currentAnimationClass = '';\n _this.animEndLatchTimer = 0;\n _this.enableAnimationEndHandler = false;\n return _this;\n }\n Object.defineProperty(MDCCheckboxFoundation, \"cssClasses\", {\n get: function () {\n return cssClasses;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckboxFoundation, \"strings\", {\n get: function () {\n return strings;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckboxFoundation, \"numbers\", {\n get: function () {\n return numbers;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckboxFoundation, \"defaultAdapter\", {\n get: function () {\n return {\n addClass: function () { return undefined; },\n forceLayout: function () { return undefined; },\n hasNativeControl: function () { return false; },\n isAttachedToDOM: function () { return false; },\n isChecked: function () { return false; },\n isIndeterminate: function () { return false; },\n removeClass: function () { return undefined; },\n removeNativeControlAttr: function () { return undefined; },\n setNativeControlAttr: function () { return undefined; },\n setNativeControlDisabled: function () { return undefined; },\n };\n },\n enumerable: false,\n configurable: true\n });\n MDCCheckboxFoundation.prototype.init = function () {\n this.currentCheckState = this.determineCheckState();\n this.updateAriaChecked();\n this.adapter.addClass(cssClasses.UPGRADED);\n };\n MDCCheckboxFoundation.prototype.destroy = function () {\n clearTimeout(this.animEndLatchTimer);\n };\n MDCCheckboxFoundation.prototype.setDisabled = function (disabled) {\n this.adapter.setNativeControlDisabled(disabled);\n if (disabled) {\n this.adapter.addClass(cssClasses.DISABLED);\n }\n else {\n this.adapter.removeClass(cssClasses.DISABLED);\n }\n };\n /**\n * Handles the animationend event for the checkbox\n */\n MDCCheckboxFoundation.prototype.handleAnimationEnd = function () {\n var _this = this;\n if (!this.enableAnimationEndHandler) {\n return;\n }\n clearTimeout(this.animEndLatchTimer);\n this.animEndLatchTimer = setTimeout(function () {\n _this.adapter.removeClass(_this.currentAnimationClass);\n _this.enableAnimationEndHandler = false;\n }, numbers.ANIM_END_LATCH_MS);\n };\n /**\n * Handles the change event for the checkbox\n */\n MDCCheckboxFoundation.prototype.handleChange = function () {\n this.transitionCheckState();\n };\n MDCCheckboxFoundation.prototype.transitionCheckState = function () {\n if (!this.adapter.hasNativeControl()) {\n return;\n }\n var oldState = this.currentCheckState;\n var newState = this.determineCheckState();\n if (oldState === newState) {\n return;\n }\n this.updateAriaChecked();\n var TRANSITION_STATE_UNCHECKED = strings.TRANSITION_STATE_UNCHECKED;\n var SELECTED = cssClasses.SELECTED;\n if (newState === TRANSITION_STATE_UNCHECKED) {\n this.adapter.removeClass(SELECTED);\n }\n else {\n this.adapter.addClass(SELECTED);\n }\n // Check to ensure that there isn't a previously existing animation class, in case for example\n // the user interacted with the checkbox before the animation was finished.\n if (this.currentAnimationClass.length > 0) {\n clearTimeout(this.animEndLatchTimer);\n this.adapter.forceLayout();\n this.adapter.removeClass(this.currentAnimationClass);\n }\n this.currentAnimationClass =\n this.getTransitionAnimationClass(oldState, newState);\n this.currentCheckState = newState;\n // Check for parentNode so that animations are only run when the element is attached\n // to the DOM.\n if (this.adapter.isAttachedToDOM() &&\n this.currentAnimationClass.length > 0) {\n this.adapter.addClass(this.currentAnimationClass);\n this.enableAnimationEndHandler = true;\n }\n };\n MDCCheckboxFoundation.prototype.determineCheckState = function () {\n var TRANSITION_STATE_INDETERMINATE = strings.TRANSITION_STATE_INDETERMINATE, TRANSITION_STATE_CHECKED = strings.TRANSITION_STATE_CHECKED, TRANSITION_STATE_UNCHECKED = strings.TRANSITION_STATE_UNCHECKED;\n if (this.adapter.isIndeterminate()) {\n return TRANSITION_STATE_INDETERMINATE;\n }\n return this.adapter.isChecked() ? TRANSITION_STATE_CHECKED :\n TRANSITION_STATE_UNCHECKED;\n };\n MDCCheckboxFoundation.prototype.getTransitionAnimationClass = function (oldState, newState) {\n var TRANSITION_STATE_INIT = strings.TRANSITION_STATE_INIT, TRANSITION_STATE_CHECKED = strings.TRANSITION_STATE_CHECKED, TRANSITION_STATE_UNCHECKED = strings.TRANSITION_STATE_UNCHECKED;\n var _a = MDCCheckboxFoundation.cssClasses, ANIM_UNCHECKED_CHECKED = _a.ANIM_UNCHECKED_CHECKED, ANIM_UNCHECKED_INDETERMINATE = _a.ANIM_UNCHECKED_INDETERMINATE, ANIM_CHECKED_UNCHECKED = _a.ANIM_CHECKED_UNCHECKED, ANIM_CHECKED_INDETERMINATE = _a.ANIM_CHECKED_INDETERMINATE, ANIM_INDETERMINATE_CHECKED = _a.ANIM_INDETERMINATE_CHECKED, ANIM_INDETERMINATE_UNCHECKED = _a.ANIM_INDETERMINATE_UNCHECKED;\n switch (oldState) {\n case TRANSITION_STATE_INIT:\n if (newState === TRANSITION_STATE_UNCHECKED) {\n return '';\n }\n return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;\n case TRANSITION_STATE_UNCHECKED:\n return newState === TRANSITION_STATE_CHECKED ? ANIM_UNCHECKED_CHECKED : ANIM_UNCHECKED_INDETERMINATE;\n case TRANSITION_STATE_CHECKED:\n return newState === TRANSITION_STATE_UNCHECKED ? ANIM_CHECKED_UNCHECKED : ANIM_CHECKED_INDETERMINATE;\n default: // TRANSITION_STATE_INDETERMINATE\n return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;\n }\n };\n MDCCheckboxFoundation.prototype.updateAriaChecked = function () {\n // Ensure aria-checked is set to mixed if checkbox is in indeterminate state.\n if (this.adapter.isIndeterminate()) {\n this.adapter.setNativeControlAttr(strings.ARIA_CHECKED_ATTR, strings.ARIA_CHECKED_INDETERMINATE_VALUE);\n }\n else {\n // The on/off state does not need to keep track of aria-checked, since\n // the screenreader uses the checked property on the checkbox element.\n this.adapter.removeNativeControlAttr(strings.ARIA_CHECKED_ATTR);\n }\n };\n return MDCCheckboxFoundation;\n}(MDCFoundation));\nexport { MDCCheckboxFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCCheckboxFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends, __values } from \"tslib\";\nimport { getCorrectEventName } from '@material/animation/util';\nimport { MDCComponent } from '@material/base/component';\nimport { applyPassive } from '@material/dom/events';\nimport { matches } from '@material/dom/ponyfill';\nimport { MDCRipple } from '@material/ripple/component';\nimport { MDCRippleFoundation } from '@material/ripple/foundation';\nimport { strings } from './constants';\nimport { MDCCheckboxFoundation } from './foundation';\nvar CB_PROTO_PROPS = ['checked', 'indeterminate'];\nvar MDCCheckbox = /** @class */ (function (_super) {\n __extends(MDCCheckbox, _super);\n function MDCCheckbox() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.rippleSurface = _this.createRipple();\n return _this;\n }\n MDCCheckbox.attachTo = function (root) {\n return new MDCCheckbox(root);\n };\n Object.defineProperty(MDCCheckbox.prototype, \"ripple\", {\n get: function () {\n return this.rippleSurface;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckbox.prototype, \"checked\", {\n get: function () {\n return this.getNativeControl().checked;\n },\n set: function (checked) {\n this.getNativeControl().checked = checked;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckbox.prototype, \"indeterminate\", {\n get: function () {\n return this.getNativeControl().indeterminate;\n },\n set: function (indeterminate) {\n this.getNativeControl().indeterminate = indeterminate;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckbox.prototype, \"disabled\", {\n get: function () {\n return this.getNativeControl().disabled;\n },\n set: function (disabled) {\n this.foundation.setDisabled(disabled);\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckbox.prototype, \"value\", {\n get: function () {\n return this.getNativeControl().value;\n },\n set: function (value) {\n this.getNativeControl().value = value;\n },\n enumerable: false,\n configurable: true\n });\n MDCCheckbox.prototype.initialize = function () {\n var DATA_INDETERMINATE_ATTR = strings.DATA_INDETERMINATE_ATTR;\n this.getNativeControl().indeterminate =\n this.getNativeControl().getAttribute(DATA_INDETERMINATE_ATTR) ===\n 'true';\n this.getNativeControl().removeAttribute(DATA_INDETERMINATE_ATTR);\n };\n MDCCheckbox.prototype.initialSyncWithDOM = function () {\n var _this = this;\n this.handleChange = function () {\n _this.foundation.handleChange();\n };\n this.handleAnimationEnd = function () {\n _this.foundation.handleAnimationEnd();\n };\n this.getNativeControl().addEventListener('change', this.handleChange);\n this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd);\n this.installPropertyChangeHooks();\n };\n MDCCheckbox.prototype.destroy = function () {\n this.rippleSurface.destroy();\n this.getNativeControl().removeEventListener('change', this.handleChange);\n this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd);\n this.uninstallPropertyChangeHooks();\n _super.prototype.destroy.call(this);\n };\n MDCCheckbox.prototype.getDefaultFoundation = function () {\n var _this = this;\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n var adapter = {\n addClass: function (className) { return _this.root.classList.add(className); },\n forceLayout: function () { return _this.root.offsetWidth; },\n hasNativeControl: function () { return !!_this.getNativeControl(); },\n isAttachedToDOM: function () { return Boolean(_this.root.parentNode); },\n isChecked: function () { return _this.checked; },\n isIndeterminate: function () { return _this.indeterminate; },\n removeClass: function (className) {\n _this.root.classList.remove(className);\n },\n removeNativeControlAttr: function (attr) {\n _this.getNativeControl().removeAttribute(attr);\n },\n setNativeControlAttr: function (attr, value) {\n _this.getNativeControl().setAttribute(attr, value);\n },\n setNativeControlDisabled: function (disabled) {\n _this.getNativeControl().disabled = disabled;\n },\n };\n return new MDCCheckboxFoundation(adapter);\n };\n MDCCheckbox.prototype.createRipple = function () {\n var _this = this;\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n var adapter = __assign(__assign({}, MDCRipple.createAdapter(this)), { deregisterInteractionHandler: function (evtType, handler) {\n _this.getNativeControl().removeEventListener(evtType, handler, applyPassive());\n }, isSurfaceActive: function () { return matches(_this.getNativeControl(), ':active'); }, isUnbounded: function () { return true; }, registerInteractionHandler: function (evtType, handler) {\n _this.getNativeControl().addEventListener(evtType, handler, applyPassive());\n } });\n return new MDCRipple(this.root, new MDCRippleFoundation(adapter));\n };\n MDCCheckbox.prototype.installPropertyChangeHooks = function () {\n var e_1, _a;\n var _this = this;\n var nativeCb = this.getNativeControl();\n var cbProto = Object.getPrototypeOf(nativeCb);\n var _loop_1 = function (controlState) {\n var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);\n // We have to check for this descriptor, since some browsers (Safari) don't support its return.\n // See: https://bugs.webkit.org/show_bug.cgi?id=49739\n if (!validDescriptor(desc)) {\n return { value: void 0 };\n }\n // Type cast is needed for compatibility with Closure Compiler.\n var nativeGetter = desc.get;\n var nativeCbDesc = {\n configurable: desc.configurable,\n enumerable: desc.enumerable,\n get: nativeGetter,\n set: function (state) {\n desc.set.call(nativeCb, state);\n _this.foundation.handleChange();\n },\n };\n Object.defineProperty(nativeCb, controlState, nativeCbDesc);\n };\n try {\n for (var CB_PROTO_PROPS_1 = __values(CB_PROTO_PROPS), CB_PROTO_PROPS_1_1 = CB_PROTO_PROPS_1.next(); !CB_PROTO_PROPS_1_1.done; CB_PROTO_PROPS_1_1 = CB_PROTO_PROPS_1.next()) {\n var controlState = CB_PROTO_PROPS_1_1.value;\n var state_1 = _loop_1(controlState);\n if (typeof state_1 === \"object\")\n return state_1.value;\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (CB_PROTO_PROPS_1_1 && !CB_PROTO_PROPS_1_1.done && (_a = CB_PROTO_PROPS_1.return)) _a.call(CB_PROTO_PROPS_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n };\n MDCCheckbox.prototype.uninstallPropertyChangeHooks = function () {\n var e_2, _a;\n var nativeCb = this.getNativeControl();\n var cbProto = Object.getPrototypeOf(nativeCb);\n try {\n for (var CB_PROTO_PROPS_2 = __values(CB_PROTO_PROPS), CB_PROTO_PROPS_2_1 = CB_PROTO_PROPS_2.next(); !CB_PROTO_PROPS_2_1.done; CB_PROTO_PROPS_2_1 = CB_PROTO_PROPS_2.next()) {\n var controlState = CB_PROTO_PROPS_2_1.value;\n var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);\n if (!validDescriptor(desc)) {\n return;\n }\n Object.defineProperty(nativeCb, controlState, desc);\n }\n }\n catch (e_2_1) { e_2 = { error: e_2_1 }; }\n finally {\n try {\n if (CB_PROTO_PROPS_2_1 && !CB_PROTO_PROPS_2_1.done && (_a = CB_PROTO_PROPS_2.return)) _a.call(CB_PROTO_PROPS_2);\n }\n finally { if (e_2) throw e_2.error; }\n }\n };\n MDCCheckbox.prototype.getNativeControl = function () {\n var NATIVE_CONTROL_SELECTOR = strings.NATIVE_CONTROL_SELECTOR;\n var el = this.root.querySelector(NATIVE_CONTROL_SELECTOR);\n if (!el) {\n throw new Error(\"Checkbox component requires a \" + NATIVE_CONTROL_SELECTOR + \" element\");\n }\n return el;\n };\n return MDCCheckbox;\n}(MDCComponent));\nexport { MDCCheckbox };\nfunction validDescriptor(inputPropDesc) {\n return !!inputPropDesc && typeof inputPropDesc.set === 'function';\n}\n//# sourceMappingURL=component.js.map","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nexport var cssClasses = {\n ROOT: 'mdc-form-field',\n};\nexport var strings = {\n LABEL_SELECTOR: '.mdc-form-field > label',\n};\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends } from \"tslib\";\nimport { MDCFoundation } from '@material/base/foundation';\nimport { cssClasses, strings } from './constants';\nvar MDCFormFieldFoundation = /** @class */ (function (_super) {\n __extends(MDCFormFieldFoundation, _super);\n function MDCFormFieldFoundation(adapter) {\n var _this = _super.call(this, __assign(__assign({}, MDCFormFieldFoundation.defaultAdapter), adapter)) || this;\n _this.click = function () {\n _this.handleClick();\n };\n return _this;\n }\n Object.defineProperty(MDCFormFieldFoundation, \"cssClasses\", {\n get: function () {\n return cssClasses;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCFormFieldFoundation, \"strings\", {\n get: function () {\n return strings;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCFormFieldFoundation, \"defaultAdapter\", {\n get: function () {\n return {\n activateInputRipple: function () { return undefined; },\n deactivateInputRipple: function () { return undefined; },\n deregisterInteractionHandler: function () { return undefined; },\n registerInteractionHandler: function () { return undefined; },\n };\n },\n enumerable: false,\n configurable: true\n });\n MDCFormFieldFoundation.prototype.init = function () {\n this.adapter.registerInteractionHandler('click', this.click);\n };\n MDCFormFieldFoundation.prototype.destroy = function () {\n this.adapter.deregisterInteractionHandler('click', this.click);\n };\n MDCFormFieldFoundation.prototype.handleClick = function () {\n var _this = this;\n this.adapter.activateInputRipple();\n requestAnimationFrame(function () {\n _this.adapter.deactivateInputRipple();\n });\n };\n return MDCFormFieldFoundation;\n}(MDCFoundation));\nexport { MDCFormFieldFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCFormFieldFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __extends } from \"tslib\";\nimport { MDCComponent } from '@material/base/component';\nimport { MDCFormFieldFoundation } from './foundation';\nvar MDCFormField = /** @class */ (function (_super) {\n __extends(MDCFormField, _super);\n function MDCFormField() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n MDCFormField.attachTo = function (root) {\n return new MDCFormField(root);\n };\n MDCFormField.prototype.labelEl = function () {\n var LABEL_SELECTOR = MDCFormFieldFoundation.strings.LABEL_SELECTOR;\n return this.root.querySelector(LABEL_SELECTOR);\n };\n MDCFormField.prototype.getDefaultFoundation = function () {\n var _this = this;\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n var adapter = {\n activateInputRipple: function () {\n if (_this.input && _this.input.ripple) {\n _this.input.ripple.activate();\n }\n },\n deactivateInputRipple: function () {\n if (_this.input && _this.input.ripple) {\n _this.input.ripple.deactivate();\n }\n },\n deregisterInteractionHandler: function (evtType, handler) {\n var labelEl = _this.labelEl();\n if (labelEl) {\n labelEl.removeEventListener(evtType, handler);\n }\n },\n registerInteractionHandler: function (evtType, handler) {\n var labelEl = _this.labelEl();\n if (labelEl) {\n labelEl.addEventListener(evtType, handler);\n }\n },\n };\n return new MDCFormFieldFoundation(adapter);\n };\n return MDCFormField;\n}(MDCComponent));\nexport { MDCFormField };\n//# sourceMappingURL=component.js.map","@use '../../style/mixins';\n\n/**\n* @prop --checkbox-unchecked-border-color: Affects the border color of the default state of the checkbox (when it is not checked). Defaults to `--contrast-900`.\n*/\n$box-size: 1.25rem;\n$gap-size: 0.5rem;\n\n:host(limel-checkbox) {\n min-height: var(--limel-checkbox-min-height, 2.5rem); // prevents flickering\n // when switching between `readonly` and normal states in `limel-checkbox`,\n // but not where `CheckboxTemplate` is imported & used.\n}\n\n*,\n*:before,\n*:after {\n box-sizing: border-box;\n}\n\n.checkbox {\n position: relative;\n isolation: isolate;\n\n display: flex;\n align-items: center;\n\n min-height: var(\n --limel-checkbox-min-height,\n 2.5rem\n ); // helps align with other fields in the form, or within table rows\n width: 100%;\n}\n\ninput[type='checkbox'] {\n // Hide the native checkbox\n @include mixins.visually-hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\nlabel {\n // Ensure the label is always clickable, even when empty\n min-width: $box-size;\n min-height: $box-size;\n padding-top: 0.125rem;\n // ====\n\n cursor: pointer;\n position: relative;\n width: 100%;\n\n font-size: var(--limel-theme-default-small-font-size);\n color: var(--limel-theme-text-primary-on-background-color);\n\n padding-left: calc($box-size + $gap-size);\n\n .disabled:not([readonly]):not([readonly='true']) & {\n cursor: not-allowed;\n color: var(--limel-theme-text-disabled-color);\n }\n\n .required & {\n &:after {\n margin-left: 0.0625rem;\n content: '*';\n }\n }\n\n .invalid:not(.readonly) & {\n color: var(--limel-theme-error-text-color);\n }\n\n :host(limel-checkbox.hide-label) &,\n .hide-label & {\n // this helper class of `hide-label` can be added for example to the `host` element,\n // or if the `CheckboxTemplate` is imported to other components, the class can be\n // added to the `checkbox` element itself\n // and be used internally by other components such as `limel-table`\n // to hide the `<label>`, while still keeping the checkbox\n // both clickable for the users, and accessible for screen readers\n @include mixins.truncate-text();\n opacity: 0;\n width: $box-size;\n }\n}\n\n.box {\n position: absolute; // since `label` is the clickable part,\n // and thus needs to\n // stretch below the checkbox\n pointer-events: none;\n\n transition:\n border-color 0.4s ease 0.2s,\n background-color 0.2s ease,\n box-shadow var(--limel-clickable-transform-speed, 0.4s) ease;\n\n display: inline-block;\n vertical-align: middle;\n\n width: $box-size;\n height: $box-size;\n\n margin-right: $gap-size;\n border-radius: 0.25rem;\n border: 0.125rem solid;\n\n border-color: var(\n --checkbox-unchecked-border-color,\n rgb(var(--contrast-900))\n );\n background-color: var(\n --limel-checkbox-background-color,\n rgb(var(--contrast-300))\n );\n\n .checked &,\n .checkbox:has(input[type='checkbox']:checked) & {\n background-color: var(\n --lime-primary-color,\n var(--limel-theme-primary-color)\n );\n border-color: var(\n --lime-primary-color,\n var(--limel-theme-primary-color)\n );\n }\n\n .disabled & {\n opacity: 0.4;\n }\n\n .checkbox:not(.disabled):has(label:hover) & {\n will-change: box-shadow;\n box-shadow: var(--button-shadow-hovered);\n }\n\n .checkbox:not(.disabled):has(label:active) & {\n will-change: box-shadow;\n box-shadow: var(--button-shadow-pressed);\n }\n\n &:before {\n // For indicating the hover or focused state\n transition: mixins.$clickable-normal-state-transitions;\n content: '';\n position: absolute;\n inset: -0.1875rem; // 3px\n border-radius: inherit;\n\n .checkbox:has(input[type='checkbox']:focus-visible) & {\n will-change: box-shadow;\n\n box-shadow: var(--shadow-depth-8-focused);\n }\n }\n\n &:after {\n // For indicating the indeterminate state\n transition:\n opacity 0.2s ease,\n width 0.4s ease;\n content: '';\n position: absolute;\n inset: 0;\n margin: auto;\n\n height: 0.125rem;\n width: 0.25rem;\n\n border-radius: 1rem;\n opacity: 0;\n\n background-color: rgb(var(--color-white));\n\n .indeterminate & {\n opacity: 1;\n width: calc($box-size - 0.5rem);\n }\n }\n}\n\nsvg {\n position: absolute;\n z-index: 1;\n inset: 0;\n\n transform: translate3d(-0.125rem, -0.125rem, 0);\n\n width: $box-size;\n height: $box-size;\n\n padding: 0.25rem;\n\n color: rgb(var(--color-white));\n opacity: 0;\n\n stroke-width: 0.1875rem; // 3px\n stroke: currentColor;\n stroke-linecap: round;\n stroke-linejoin: round;\n\n path {\n stroke-dashoffset: 29.7833;\n stroke-dasharray: 29.7833;\n transition: stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1);\n }\n\n .checkbox:not(.indeterminate):has(input[type='checkbox']:checked) & {\n opacity: 1;\n\n path {\n stroke-dashoffset: 0;\n }\n }\n}\n\nlimel-dynamic-label {\n margin-top: 0.375rem;\n margin-left: -0.25rem;\n}\n\n@include mixins.hide-helper-line-when-not-needed(limel-checkbox);\n","import { MDCCheckbox, cssClasses } from '@material/checkbox';\nimport { MDCFormField } from '@material/form-field';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { createRandomString } from '../../util/random-string';\nimport { CheckboxTemplate } from './checkbox.template';\nimport { Label } from '../dynamic-label/label.types';\n\n/**\n * The Checkbox component is a classic and essential element in UI design that allows\n * users to make multiple selections from a predefined list of options. The Checkbox component is commonly used in forms and settings interfaces to enable users to\n * select one or more items from a list of choices.\n *\n * ## States of a Checkbox\n * When a user clicks or taps on the box, it toggles between two states:\n * Checked and Unchecked.\n *\n * However, a Checkbox can visualize a third state called the \"Indeterminate\" state.\n * In this state, the checkbox appears as a filled box with a horizontal line or dash inside it.\n *\n * The Indeterminate state is typically used when dealing with checkbox groups\n * that have hierarchical relationships or when the group contains sub-items.\n * This state is used to indicate that that some, but not all, of the items in a group are selected.\n *\n * :::important\n * Checkboxes are sometimes used interchangeably with switches in user interfaces.\n * But there is an important difference between the two! Please read our guidelines about\n * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).\n *\n * @exampleComponent limel-example-checkbox\n * @exampleComponent limel-example-checkbox-helper-text\n * @exampleComponent limel-example-checkbox-readonly\n */\n@Component({\n tag: 'limel-checkbox',\n shadow: true,\n styleUrl: 'checkbox.scss',\n})\nexport class Checkbox {\n /**\n * Disables the checkbox when `true`. Works exactly the same as `readonly`.\n * If either property is `true`, the checkbox will be disabled.\n */\n @Prop({ reflect: true })\n public disabled = false;\n\n /**\n * Disables the checkbox when `true`. This visualizes the checkbox slightly differently.\n * But shows no visual sign indicating that the checkbox is disabled\n * or can ever become interactable.\n */\n @Prop({ reflect: true })\n public readonly = false;\n\n /**\n * Set to `true` to indicate that the current value is invalid.\n */\n @Prop({ reflect: true })\n public invalid: boolean;\n\n /**\n * The checkbox label.\n */\n @Prop({ reflect: true })\n public label: string;\n\n /**\n * Optional helper text to display below the checkbox\n */\n @Prop({ reflect: true })\n public helperText: string;\n\n /**\n * The value of the checkbox. Set to `true` to make the checkbox checked.\n */\n @Prop({ reflect: true })\n public checked = false;\n\n /**\n * Enables indeterminate state. Set to `true` to signal indeterminate check.\n */\n @Prop({ reflect: true })\n public indeterminate = false;\n\n /**\n * Set to `true` to indicate that the checkbox must be checked.\n */\n @Prop({ reflect: true })\n public required: boolean = false;\n\n /**\n * The labels to use to clarify what kind of data is being visualized,\n * when the component is `readonly`.\n */\n @Prop()\n public readonlyLabels?: Array<Label<boolean>> = [];\n\n @State()\n private modified = false;\n private shouldReinitialize = false;\n\n /**\n * Emitted when the input value is changed.\n */\n @Event()\n private change: EventEmitter<boolean>;\n\n @Element()\n private limelCheckbox: HTMLLimelCheckboxElement;\n\n private formField: MDCFormField;\n private mdcCheckbox: MDCCheckbox;\n private id: string = createRandomString();\n private helperTextId: string = createRandomString();\n\n @Watch('checked')\n protected handleCheckedChange(newValue: boolean) {\n if (!this.mdcCheckbox) {\n return;\n }\n\n this.mdcCheckbox.checked = newValue;\n }\n\n @Watch('indeterminate')\n protected handleIndeterminateChange(newValue: boolean) {\n this.mdcCheckbox.checked = this.checked;\n this.mdcCheckbox.indeterminate = newValue;\n }\n\n @Watch('readonly')\n protected handleReadonlyChange() {\n this.destroyMDCInstances();\n this.shouldReinitialize = true;\n }\n\n componentDidRender() {\n if (this.shouldReinitialize) {\n this.initialize();\n this.shouldReinitialize = false;\n }\n }\n\n public connectedCallback() {\n this.initialize();\n }\n\n public componentDidLoad() {\n this.initialize();\n }\n\n private destroyMDCInstances = () => {\n this.mdcCheckbox?.destroy();\n this.formField?.destroy();\n\n const checkboxElement = this.getCheckboxElement();\n if (checkboxElement) {\n checkboxElement.classList.remove(\n cssClasses.ANIM_CHECKED_INDETERMINATE,\n cssClasses.ANIM_CHECKED_UNCHECKED,\n cssClasses.ANIM_INDETERMINATE_CHECKED,\n cssClasses.ANIM_INDETERMINATE_UNCHECKED,\n cssClasses.ANIM_UNCHECKED_CHECKED,\n cssClasses.ANIM_UNCHECKED_INDETERMINATE\n );\n }\n };\n\n public disconnectedCallback() {\n this.destroyMDCInstances();\n }\n\n public render() {\n return (\n <CheckboxTemplate\n disabled={this.disabled || this.readonly}\n label={this.label}\n readonlyLabels={this.readonlyLabels}\n helperText={this.helperText}\n helperTextId={this.helperTextId}\n checked={this.checked || this.indeterminate}\n indeterminate={this.indeterminate}\n required={this.required}\n readonly={this.readonly}\n invalid={this.isInvalid()}\n onChange={this.onChange}\n id={this.id}\n />\n );\n }\n\n private isInvalid = () => {\n if (this.invalid) {\n return true;\n }\n\n if (this.required && this.modified && !this.checked) {\n return true;\n }\n };\n\n private initialize = () => {\n const element =\n this.limelCheckbox.shadowRoot.querySelector('.mdc-form-field');\n if (!element) {\n return;\n }\n\n this.formField = new MDCFormField(element);\n this.mdcCheckbox = new MDCCheckbox(this.getCheckboxElement());\n this.formField.input = this.mdcCheckbox;\n };\n\n private getCheckboxElement = () => {\n return this.limelCheckbox.shadowRoot.querySelector('.mdc-checkbox');\n };\n\n private onChange = (event: Event) => {\n event.stopPropagation();\n this.change.emit(this.mdcCheckbox.checked);\n this.modified = true;\n };\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["cssClasses","ANIM_CHECKED_INDETERMINATE","ANIM_CHECKED_UNCHECKED","ANIM_INDETERMINATE_CHECKED","ANIM_INDETERMINATE_UNCHECKED","ANIM_UNCHECKED_CHECKED","ANIM_UNCHECKED_INDETERMINATE","BACKGROUND","CHECKED","CHECKMARK","CHECKMARK_PATH","DISABLED","INDETERMINATE","MIXEDMARK","NATIVE_CONTROL","ROOT","SELECTED","UPGRADED","strings","ARIA_CHECKED_ATTR","ARIA_CHECKED_INDETERMINATE_VALUE","DATA_INDETERMINATE_ATTR","NATIVE_CONTROL_SELECTOR","TRANSITION_STATE_CHECKED","TRANSITION_STATE_INDETERMINATE","TRANSITION_STATE_INIT","TRANSITION_STATE_UNCHECKED","numbers","ANIM_END_LATCH_MS","MDCCheckboxFoundation","_super","__extends","adapter","_this","call","this","__assign","defaultAdapter","currentCheckState","currentAnimationClass","animEndLatchTimer","enableAnimationEndHandler","Object","defineProperty","get","enumerable","configurable","addClass","undefined","forceLayout","hasNativeControl","isAttachedToDOM","isChecked","isIndeterminate","removeClass","removeNativeControlAttr","setNativeControlAttr","setNativeControlDisabled","prototype","init","determineCheckState","updateAriaChecked","destroy","clearTimeout","setDisabled","disabled","handleAnimationEnd","setTimeout","handleChange","transitionCheckState","oldState","newState","length","getTransitionAnimationClass","_a","MDCFoundation","CB_PROTO_PROPS","MDCCheckbox","apply","arguments","rippleSurface","createRipple","attachTo","root","getNativeControl","checked","set","indeterminate","foundation","value","initialize","getAttribute","removeAttribute","initialSyncWithDOM","addEventListener","listen","getCorrectEventName","window","installPropertyChangeHooks","removeEventListener","unlisten","uninstallPropertyChangeHooks","getDefaultFoundation","className","classList","add","offsetWidth","Boolean","parentNode","remove","attr","setAttribute","MDCRipple","createAdapter","deregisterInteractionHandler","evtType","handler","applyPassive","isSurfaceActive","matches","isUnbounded","registerInteractionHandler","MDCRippleFoundation","e_1","nativeCb","cbProto","getPrototypeOf","_loop_1","controlState","desc","getOwnPropertyDescriptor","validDescriptor","nativeGetter","nativeCbDesc","state","CB_PROTO_PROPS_1","__values","CB_PROTO_PROPS_1_1","next","done","state_1","e_1_1","error","return","e_2","CB_PROTO_PROPS_2","CB_PROTO_PROPS_2_1","e_2_1","el","querySelector","Error","MDCComponent","inputPropDesc","LABEL_SELECTOR","MDCFormFieldFoundation","click","handleClick","activateInputRipple","deactivateInputRipple","requestAnimationFrame","MDCFormField","labelEl","input","ripple","activate","deactivate","checkboxCss","Checkbox","shouldReinitialize","id","createRandomString","helperTextId","destroyMDCInstances","mdcCheckbox","_b","formField","checkboxElement","getCheckboxElement","isInvalid","invalid","required","modified","element","limelCheckbox","shadowRoot","onChange","event","stopPropagation","change","emit","handleCheckedChange","newValue","handleIndeterminateChange","handleReadonlyChange","componentDidRender","connectedCallback","componentDidLoad","disconnectedCallback","render","h","CheckboxTemplate","readonly","label","readonlyLabels","helperText"],"sources":["./node_modules/@material/checkbox/constants.js","./node_modules/@material/checkbox/foundation.js","./node_modules/@material/checkbox/component.js","./node_modules/@material/form-field/constants.js","./node_modules/@material/form-field/foundation.js","./node_modules/@material/form-field/component.js","./src/components/checkbox/checkbox.scss?tag=limel-checkbox&encapsulation=shadow","./src/components/checkbox/checkbox.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nexport var cssClasses = {\n ANIM_CHECKED_INDETERMINATE: 'mdc-checkbox--anim-checked-indeterminate',\n ANIM_CHECKED_UNCHECKED: 'mdc-checkbox--anim-checked-unchecked',\n ANIM_INDETERMINATE_CHECKED: 'mdc-checkbox--anim-indeterminate-checked',\n ANIM_INDETERMINATE_UNCHECKED: 'mdc-checkbox--anim-indeterminate-unchecked',\n ANIM_UNCHECKED_CHECKED: 'mdc-checkbox--anim-unchecked-checked',\n ANIM_UNCHECKED_INDETERMINATE: 'mdc-checkbox--anim-unchecked-indeterminate',\n BACKGROUND: 'mdc-checkbox__background',\n CHECKED: 'mdc-checkbox--checked',\n CHECKMARK: 'mdc-checkbox__checkmark',\n CHECKMARK_PATH: 'mdc-checkbox__checkmark-path',\n DISABLED: 'mdc-checkbox--disabled',\n INDETERMINATE: 'mdc-checkbox--indeterminate',\n MIXEDMARK: 'mdc-checkbox__mixedmark',\n NATIVE_CONTROL: 'mdc-checkbox__native-control',\n ROOT: 'mdc-checkbox',\n SELECTED: 'mdc-checkbox--selected',\n UPGRADED: 'mdc-checkbox--upgraded',\n};\nexport var strings = {\n ARIA_CHECKED_ATTR: 'aria-checked',\n ARIA_CHECKED_INDETERMINATE_VALUE: 'mixed',\n DATA_INDETERMINATE_ATTR: 'data-indeterminate',\n NATIVE_CONTROL_SELECTOR: '.mdc-checkbox__native-control',\n TRANSITION_STATE_CHECKED: 'checked',\n TRANSITION_STATE_INDETERMINATE: 'indeterminate',\n TRANSITION_STATE_INIT: 'init',\n TRANSITION_STATE_UNCHECKED: 'unchecked',\n};\nexport var numbers = {\n ANIM_END_LATCH_MS: 250,\n};\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends } from \"tslib\";\nimport { MDCFoundation } from '@material/base/foundation';\nimport { cssClasses, numbers, strings } from './constants';\nvar MDCCheckboxFoundation = /** @class */ (function (_super) {\n __extends(MDCCheckboxFoundation, _super);\n function MDCCheckboxFoundation(adapter) {\n var _this = _super.call(this, __assign(__assign({}, MDCCheckboxFoundation.defaultAdapter), adapter)) || this;\n _this.currentCheckState = strings.TRANSITION_STATE_INIT;\n _this.currentAnimationClass = '';\n _this.animEndLatchTimer = 0;\n _this.enableAnimationEndHandler = false;\n return _this;\n }\n Object.defineProperty(MDCCheckboxFoundation, \"cssClasses\", {\n get: function () {\n return cssClasses;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckboxFoundation, \"strings\", {\n get: function () {\n return strings;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckboxFoundation, \"numbers\", {\n get: function () {\n return numbers;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckboxFoundation, \"defaultAdapter\", {\n get: function () {\n return {\n addClass: function () { return undefined; },\n forceLayout: function () { return undefined; },\n hasNativeControl: function () { return false; },\n isAttachedToDOM: function () { return false; },\n isChecked: function () { return false; },\n isIndeterminate: function () { return false; },\n removeClass: function () { return undefined; },\n removeNativeControlAttr: function () { return undefined; },\n setNativeControlAttr: function () { return undefined; },\n setNativeControlDisabled: function () { return undefined; },\n };\n },\n enumerable: false,\n configurable: true\n });\n MDCCheckboxFoundation.prototype.init = function () {\n this.currentCheckState = this.determineCheckState();\n this.updateAriaChecked();\n this.adapter.addClass(cssClasses.UPGRADED);\n };\n MDCCheckboxFoundation.prototype.destroy = function () {\n clearTimeout(this.animEndLatchTimer);\n };\n MDCCheckboxFoundation.prototype.setDisabled = function (disabled) {\n this.adapter.setNativeControlDisabled(disabled);\n if (disabled) {\n this.adapter.addClass(cssClasses.DISABLED);\n }\n else {\n this.adapter.removeClass(cssClasses.DISABLED);\n }\n };\n /**\n * Handles the animationend event for the checkbox\n */\n MDCCheckboxFoundation.prototype.handleAnimationEnd = function () {\n var _this = this;\n if (!this.enableAnimationEndHandler) {\n return;\n }\n clearTimeout(this.animEndLatchTimer);\n this.animEndLatchTimer = setTimeout(function () {\n _this.adapter.removeClass(_this.currentAnimationClass);\n _this.enableAnimationEndHandler = false;\n }, numbers.ANIM_END_LATCH_MS);\n };\n /**\n * Handles the change event for the checkbox\n */\n MDCCheckboxFoundation.prototype.handleChange = function () {\n this.transitionCheckState();\n };\n MDCCheckboxFoundation.prototype.transitionCheckState = function () {\n if (!this.adapter.hasNativeControl()) {\n return;\n }\n var oldState = this.currentCheckState;\n var newState = this.determineCheckState();\n if (oldState === newState) {\n return;\n }\n this.updateAriaChecked();\n var TRANSITION_STATE_UNCHECKED = strings.TRANSITION_STATE_UNCHECKED;\n var SELECTED = cssClasses.SELECTED;\n if (newState === TRANSITION_STATE_UNCHECKED) {\n this.adapter.removeClass(SELECTED);\n }\n else {\n this.adapter.addClass(SELECTED);\n }\n // Check to ensure that there isn't a previously existing animation class, in case for example\n // the user interacted with the checkbox before the animation was finished.\n if (this.currentAnimationClass.length > 0) {\n clearTimeout(this.animEndLatchTimer);\n this.adapter.forceLayout();\n this.adapter.removeClass(this.currentAnimationClass);\n }\n this.currentAnimationClass =\n this.getTransitionAnimationClass(oldState, newState);\n this.currentCheckState = newState;\n // Check for parentNode so that animations are only run when the element is attached\n // to the DOM.\n if (this.adapter.isAttachedToDOM() &&\n this.currentAnimationClass.length > 0) {\n this.adapter.addClass(this.currentAnimationClass);\n this.enableAnimationEndHandler = true;\n }\n };\n MDCCheckboxFoundation.prototype.determineCheckState = function () {\n var TRANSITION_STATE_INDETERMINATE = strings.TRANSITION_STATE_INDETERMINATE, TRANSITION_STATE_CHECKED = strings.TRANSITION_STATE_CHECKED, TRANSITION_STATE_UNCHECKED = strings.TRANSITION_STATE_UNCHECKED;\n if (this.adapter.isIndeterminate()) {\n return TRANSITION_STATE_INDETERMINATE;\n }\n return this.adapter.isChecked() ? TRANSITION_STATE_CHECKED :\n TRANSITION_STATE_UNCHECKED;\n };\n MDCCheckboxFoundation.prototype.getTransitionAnimationClass = function (oldState, newState) {\n var TRANSITION_STATE_INIT = strings.TRANSITION_STATE_INIT, TRANSITION_STATE_CHECKED = strings.TRANSITION_STATE_CHECKED, TRANSITION_STATE_UNCHECKED = strings.TRANSITION_STATE_UNCHECKED;\n var _a = MDCCheckboxFoundation.cssClasses, ANIM_UNCHECKED_CHECKED = _a.ANIM_UNCHECKED_CHECKED, ANIM_UNCHECKED_INDETERMINATE = _a.ANIM_UNCHECKED_INDETERMINATE, ANIM_CHECKED_UNCHECKED = _a.ANIM_CHECKED_UNCHECKED, ANIM_CHECKED_INDETERMINATE = _a.ANIM_CHECKED_INDETERMINATE, ANIM_INDETERMINATE_CHECKED = _a.ANIM_INDETERMINATE_CHECKED, ANIM_INDETERMINATE_UNCHECKED = _a.ANIM_INDETERMINATE_UNCHECKED;\n switch (oldState) {\n case TRANSITION_STATE_INIT:\n if (newState === TRANSITION_STATE_UNCHECKED) {\n return '';\n }\n return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;\n case TRANSITION_STATE_UNCHECKED:\n return newState === TRANSITION_STATE_CHECKED ? ANIM_UNCHECKED_CHECKED : ANIM_UNCHECKED_INDETERMINATE;\n case TRANSITION_STATE_CHECKED:\n return newState === TRANSITION_STATE_UNCHECKED ? ANIM_CHECKED_UNCHECKED : ANIM_CHECKED_INDETERMINATE;\n default: // TRANSITION_STATE_INDETERMINATE\n return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;\n }\n };\n MDCCheckboxFoundation.prototype.updateAriaChecked = function () {\n // Ensure aria-checked is set to mixed if checkbox is in indeterminate state.\n if (this.adapter.isIndeterminate()) {\n this.adapter.setNativeControlAttr(strings.ARIA_CHECKED_ATTR, strings.ARIA_CHECKED_INDETERMINATE_VALUE);\n }\n else {\n // The on/off state does not need to keep track of aria-checked, since\n // the screenreader uses the checked property on the checkbox element.\n this.adapter.removeNativeControlAttr(strings.ARIA_CHECKED_ATTR);\n }\n };\n return MDCCheckboxFoundation;\n}(MDCFoundation));\nexport { MDCCheckboxFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCCheckboxFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends, __values } from \"tslib\";\nimport { getCorrectEventName } from '@material/animation/util';\nimport { MDCComponent } from '@material/base/component';\nimport { applyPassive } from '@material/dom/events';\nimport { matches } from '@material/dom/ponyfill';\nimport { MDCRipple } from '@material/ripple/component';\nimport { MDCRippleFoundation } from '@material/ripple/foundation';\nimport { strings } from './constants';\nimport { MDCCheckboxFoundation } from './foundation';\nvar CB_PROTO_PROPS = ['checked', 'indeterminate'];\nvar MDCCheckbox = /** @class */ (function (_super) {\n __extends(MDCCheckbox, _super);\n function MDCCheckbox() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.rippleSurface = _this.createRipple();\n return _this;\n }\n MDCCheckbox.attachTo = function (root) {\n return new MDCCheckbox(root);\n };\n Object.defineProperty(MDCCheckbox.prototype, \"ripple\", {\n get: function () {\n return this.rippleSurface;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckbox.prototype, \"checked\", {\n get: function () {\n return this.getNativeControl().checked;\n },\n set: function (checked) {\n this.getNativeControl().checked = checked;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckbox.prototype, \"indeterminate\", {\n get: function () {\n return this.getNativeControl().indeterminate;\n },\n set: function (indeterminate) {\n this.getNativeControl().indeterminate = indeterminate;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckbox.prototype, \"disabled\", {\n get: function () {\n return this.getNativeControl().disabled;\n },\n set: function (disabled) {\n this.foundation.setDisabled(disabled);\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCCheckbox.prototype, \"value\", {\n get: function () {\n return this.getNativeControl().value;\n },\n set: function (value) {\n this.getNativeControl().value = value;\n },\n enumerable: false,\n configurable: true\n });\n MDCCheckbox.prototype.initialize = function () {\n var DATA_INDETERMINATE_ATTR = strings.DATA_INDETERMINATE_ATTR;\n this.getNativeControl().indeterminate =\n this.getNativeControl().getAttribute(DATA_INDETERMINATE_ATTR) ===\n 'true';\n this.getNativeControl().removeAttribute(DATA_INDETERMINATE_ATTR);\n };\n MDCCheckbox.prototype.initialSyncWithDOM = function () {\n var _this = this;\n this.handleChange = function () {\n _this.foundation.handleChange();\n };\n this.handleAnimationEnd = function () {\n _this.foundation.handleAnimationEnd();\n };\n this.getNativeControl().addEventListener('change', this.handleChange);\n this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd);\n this.installPropertyChangeHooks();\n };\n MDCCheckbox.prototype.destroy = function () {\n this.rippleSurface.destroy();\n this.getNativeControl().removeEventListener('change', this.handleChange);\n this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd);\n this.uninstallPropertyChangeHooks();\n _super.prototype.destroy.call(this);\n };\n MDCCheckbox.prototype.getDefaultFoundation = function () {\n var _this = this;\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n var adapter = {\n addClass: function (className) { return _this.root.classList.add(className); },\n forceLayout: function () { return _this.root.offsetWidth; },\n hasNativeControl: function () { return !!_this.getNativeControl(); },\n isAttachedToDOM: function () { return Boolean(_this.root.parentNode); },\n isChecked: function () { return _this.checked; },\n isIndeterminate: function () { return _this.indeterminate; },\n removeClass: function (className) {\n _this.root.classList.remove(className);\n },\n removeNativeControlAttr: function (attr) {\n _this.getNativeControl().removeAttribute(attr);\n },\n setNativeControlAttr: function (attr, value) {\n _this.getNativeControl().setAttribute(attr, value);\n },\n setNativeControlDisabled: function (disabled) {\n _this.getNativeControl().disabled = disabled;\n },\n };\n return new MDCCheckboxFoundation(adapter);\n };\n MDCCheckbox.prototype.createRipple = function () {\n var _this = this;\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n var adapter = __assign(__assign({}, MDCRipple.createAdapter(this)), { deregisterInteractionHandler: function (evtType, handler) {\n _this.getNativeControl().removeEventListener(evtType, handler, applyPassive());\n }, isSurfaceActive: function () { return matches(_this.getNativeControl(), ':active'); }, isUnbounded: function () { return true; }, registerInteractionHandler: function (evtType, handler) {\n _this.getNativeControl().addEventListener(evtType, handler, applyPassive());\n } });\n return new MDCRipple(this.root, new MDCRippleFoundation(adapter));\n };\n MDCCheckbox.prototype.installPropertyChangeHooks = function () {\n var e_1, _a;\n var _this = this;\n var nativeCb = this.getNativeControl();\n var cbProto = Object.getPrototypeOf(nativeCb);\n var _loop_1 = function (controlState) {\n var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);\n // We have to check for this descriptor, since some browsers (Safari) don't support its return.\n // See: https://bugs.webkit.org/show_bug.cgi?id=49739\n if (!validDescriptor(desc)) {\n return { value: void 0 };\n }\n // Type cast is needed for compatibility with Closure Compiler.\n var nativeGetter = desc.get;\n var nativeCbDesc = {\n configurable: desc.configurable,\n enumerable: desc.enumerable,\n get: nativeGetter,\n set: function (state) {\n desc.set.call(nativeCb, state);\n _this.foundation.handleChange();\n },\n };\n Object.defineProperty(nativeCb, controlState, nativeCbDesc);\n };\n try {\n for (var CB_PROTO_PROPS_1 = __values(CB_PROTO_PROPS), CB_PROTO_PROPS_1_1 = CB_PROTO_PROPS_1.next(); !CB_PROTO_PROPS_1_1.done; CB_PROTO_PROPS_1_1 = CB_PROTO_PROPS_1.next()) {\n var controlState = CB_PROTO_PROPS_1_1.value;\n var state_1 = _loop_1(controlState);\n if (typeof state_1 === \"object\")\n return state_1.value;\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (CB_PROTO_PROPS_1_1 && !CB_PROTO_PROPS_1_1.done && (_a = CB_PROTO_PROPS_1.return)) _a.call(CB_PROTO_PROPS_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n };\n MDCCheckbox.prototype.uninstallPropertyChangeHooks = function () {\n var e_2, _a;\n var nativeCb = this.getNativeControl();\n var cbProto = Object.getPrototypeOf(nativeCb);\n try {\n for (var CB_PROTO_PROPS_2 = __values(CB_PROTO_PROPS), CB_PROTO_PROPS_2_1 = CB_PROTO_PROPS_2.next(); !CB_PROTO_PROPS_2_1.done; CB_PROTO_PROPS_2_1 = CB_PROTO_PROPS_2.next()) {\n var controlState = CB_PROTO_PROPS_2_1.value;\n var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);\n if (!validDescriptor(desc)) {\n return;\n }\n Object.defineProperty(nativeCb, controlState, desc);\n }\n }\n catch (e_2_1) { e_2 = { error: e_2_1 }; }\n finally {\n try {\n if (CB_PROTO_PROPS_2_1 && !CB_PROTO_PROPS_2_1.done && (_a = CB_PROTO_PROPS_2.return)) _a.call(CB_PROTO_PROPS_2);\n }\n finally { if (e_2) throw e_2.error; }\n }\n };\n MDCCheckbox.prototype.getNativeControl = function () {\n var NATIVE_CONTROL_SELECTOR = strings.NATIVE_CONTROL_SELECTOR;\n var el = this.root.querySelector(NATIVE_CONTROL_SELECTOR);\n if (!el) {\n throw new Error(\"Checkbox component requires a \" + NATIVE_CONTROL_SELECTOR + \" element\");\n }\n return el;\n };\n return MDCCheckbox;\n}(MDCComponent));\nexport { MDCCheckbox };\nfunction validDescriptor(inputPropDesc) {\n return !!inputPropDesc && typeof inputPropDesc.set === 'function';\n}\n//# sourceMappingURL=component.js.map","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nexport var cssClasses = {\n ROOT: 'mdc-form-field',\n};\nexport var strings = {\n LABEL_SELECTOR: '.mdc-form-field > label',\n};\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends } from \"tslib\";\nimport { MDCFoundation } from '@material/base/foundation';\nimport { cssClasses, strings } from './constants';\nvar MDCFormFieldFoundation = /** @class */ (function (_super) {\n __extends(MDCFormFieldFoundation, _super);\n function MDCFormFieldFoundation(adapter) {\n var _this = _super.call(this, __assign(__assign({}, MDCFormFieldFoundation.defaultAdapter), adapter)) || this;\n _this.click = function () {\n _this.handleClick();\n };\n return _this;\n }\n Object.defineProperty(MDCFormFieldFoundation, \"cssClasses\", {\n get: function () {\n return cssClasses;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCFormFieldFoundation, \"strings\", {\n get: function () {\n return strings;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCFormFieldFoundation, \"defaultAdapter\", {\n get: function () {\n return {\n activateInputRipple: function () { return undefined; },\n deactivateInputRipple: function () { return undefined; },\n deregisterInteractionHandler: function () { return undefined; },\n registerInteractionHandler: function () { return undefined; },\n };\n },\n enumerable: false,\n configurable: true\n });\n MDCFormFieldFoundation.prototype.init = function () {\n this.adapter.registerInteractionHandler('click', this.click);\n };\n MDCFormFieldFoundation.prototype.destroy = function () {\n this.adapter.deregisterInteractionHandler('click', this.click);\n };\n MDCFormFieldFoundation.prototype.handleClick = function () {\n var _this = this;\n this.adapter.activateInputRipple();\n requestAnimationFrame(function () {\n _this.adapter.deactivateInputRipple();\n });\n };\n return MDCFormFieldFoundation;\n}(MDCFoundation));\nexport { MDCFormFieldFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCFormFieldFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __extends } from \"tslib\";\nimport { MDCComponent } from '@material/base/component';\nimport { MDCFormFieldFoundation } from './foundation';\nvar MDCFormField = /** @class */ (function (_super) {\n __extends(MDCFormField, _super);\n function MDCFormField() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n MDCFormField.attachTo = function (root) {\n return new MDCFormField(root);\n };\n MDCFormField.prototype.labelEl = function () {\n var LABEL_SELECTOR = MDCFormFieldFoundation.strings.LABEL_SELECTOR;\n return this.root.querySelector(LABEL_SELECTOR);\n };\n MDCFormField.prototype.getDefaultFoundation = function () {\n var _this = this;\n // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n var adapter = {\n activateInputRipple: function () {\n if (_this.input && _this.input.ripple) {\n _this.input.ripple.activate();\n }\n },\n deactivateInputRipple: function () {\n if (_this.input && _this.input.ripple) {\n _this.input.ripple.deactivate();\n }\n },\n deregisterInteractionHandler: function (evtType, handler) {\n var labelEl = _this.labelEl();\n if (labelEl) {\n labelEl.removeEventListener(evtType, handler);\n }\n },\n registerInteractionHandler: function (evtType, handler) {\n var labelEl = _this.labelEl();\n if (labelEl) {\n labelEl.addEventListener(evtType, handler);\n }\n },\n };\n return new MDCFormFieldFoundation(adapter);\n };\n return MDCFormField;\n}(MDCComponent));\nexport { MDCFormField };\n//# sourceMappingURL=component.js.map","/**\n* :::important\n* The `CheckboxTemplate` can be imported and used in the HTML of\n* other components, to render a non-functional and decorative checkbox in\n* their UI. An example of this is the list component.\n* This means the content of `CheckboxTemplate` will become a part of the\n* consumer's DOM structure.\n*\n* Additionally, the consumer components' also need to import the current `.scss`\n* file into their own styles file, for the checkbox to be rendered correctly!\n* This means, if the styles in this file are not \"specific\" enough,\n* there is a risk that the consumer component's styles are affected by\n* our styles here.\n*\n* For instance if the consumer has a `<label>` or `<svg>` element,\n* it might unintentionally inherit styles from the checkbox; unless we\n* make the such styles more specific here.\n*\n* Naturally, we cannot mitigate all sorts of potential styling problems.\n* The consumer component should be aware of this issue too.\n* But we can ensure that our styles here both make sense,\n* are readable, and are as specific as possible to avoid unintended side effects.\n* :::\n*/\n\n@use '../../style/mixins';\n\n/**\n* @prop --checkbox-unchecked-border-color: Affects the border color of the default state of the checkbox (when it is not checked). Defaults to `--contrast-900`.\n*/\n\n@forward '../../style/internal/boolean-input.scss';\n\n:host(limel-checkbox) {\n min-height: var(--limel-checkbox-min-height, 2.5rem); // prevents flickering\n // when switching between `readonly` and normal states in `limel-checkbox`,\n // but not where `CheckboxTemplate` is imported & used.\n}\n\n.box {\n &:after {\n height: 0.125rem;\n width: 0.25rem;\n\n .indeterminate & {\n opacity: 1;\n width: calc(var(--limel-boolean-input-box-size) - 0.5rem);\n }\n }\n}\n\n.checkbox {\n --limel-boolean-input-box-border-radius: 0.25rem;\n\n svg.check-mark {\n position: absolute;\n z-index: 1;\n inset: 0;\n\n transform: translate3d(-0.125rem, -0.125rem, 0);\n\n width: var(--limel-boolean-input-box-size);\n height: var(--limel-boolean-input-box-size);\n\n padding: 0.25rem;\n\n color: rgb(var(--color-white));\n opacity: 0;\n\n stroke-width: 0.1875rem; // 3px\n stroke: currentColor;\n stroke-linecap: round;\n stroke-linejoin: round;\n\n path {\n stroke-dashoffset: 29.7833;\n stroke-dasharray: 29.7833;\n transition: stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1);\n }\n }\n\n &:not(.indeterminate):has(input[type='checkbox']:checked) {\n svg.check-mark {\n opacity: 1;\n\n path {\n stroke-dashoffset: 0;\n }\n }\n }\n}\n\nlimel-dynamic-label {\n margin-top: 0.375rem;\n margin-left: -0.25rem;\n}\n\n@include mixins.hide-helper-line-when-not-needed(limel-checkbox);\n","import { MDCCheckbox, cssClasses } from '@material/checkbox';\nimport { MDCFormField } from '@material/form-field';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { createRandomString } from '../../util/random-string';\nimport { CheckboxTemplate } from './checkbox.template';\nimport { Label } from '../dynamic-label/label.types';\n\n/**\n * The Checkbox component is a classic and essential element in UI design that allows\n * users to make multiple selections from a predefined list of options. The Checkbox component is commonly used in forms and settings interfaces to enable users to\n * select one or more items from a list of choices.\n *\n * ## States of a Checkbox\n * When a user clicks or taps on the box, it toggles between two states:\n * Checked and Unchecked.\n *\n * However, a Checkbox can visualize a third state called the \"Indeterminate\" state.\n * In this state, the checkbox appears as a filled box with a horizontal line or dash inside it.\n *\n * The Indeterminate state is typically used when dealing with checkbox groups\n * that have hierarchical relationships or when the group contains sub-items.\n * This state is used to indicate that that some, but not all, of the items in a group are selected.\n *\n * :::important\n * Checkboxes are sometimes used interchangeably with switches in user interfaces.\n * But there is an important difference between the two! Please read our guidelines about\n * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).\n *\n * @exampleComponent limel-example-checkbox\n * @exampleComponent limel-example-checkbox-helper-text\n * @exampleComponent limel-example-checkbox-readonly\n */\n@Component({\n tag: 'limel-checkbox',\n shadow: true,\n styleUrl: 'checkbox.scss',\n})\nexport class Checkbox {\n /**\n * Disables the checkbox when `true`. Works exactly the same as `readonly`.\n * If either property is `true`, the checkbox will be disabled.\n */\n @Prop({ reflect: true })\n public disabled = false;\n\n /**\n * Disables the checkbox when `true`. This visualizes the checkbox slightly differently.\n * But shows no visual sign indicating that the checkbox is disabled\n * or can ever become interactable.\n */\n @Prop({ reflect: true })\n public readonly = false;\n\n /**\n * Set to `true` to indicate that the current value is invalid.\n */\n @Prop({ reflect: true })\n public invalid: boolean;\n\n /**\n * The checkbox label.\n */\n @Prop({ reflect: true })\n public label: string;\n\n /**\n * Optional helper text to display below the checkbox\n */\n @Prop({ reflect: true })\n public helperText: string;\n\n /**\n * The value of the checkbox. Set to `true` to make the checkbox checked.\n */\n @Prop({ reflect: true })\n public checked = false;\n\n /**\n * Enables indeterminate state. Set to `true` to signal indeterminate check.\n */\n @Prop({ reflect: true })\n public indeterminate = false;\n\n /**\n * Set to `true` to indicate that the checkbox must be checked.\n */\n @Prop({ reflect: true })\n public required: boolean = false;\n\n /**\n * The labels to use to clarify what kind of data is being visualized,\n * when the component is `readonly`.\n */\n @Prop()\n public readonlyLabels?: Array<Label<boolean>> = [];\n\n @State()\n private modified = false;\n private shouldReinitialize = false;\n\n /**\n * Emitted when the input value is changed.\n */\n @Event()\n private change: EventEmitter<boolean>;\n\n @Element()\n private limelCheckbox: HTMLLimelCheckboxElement;\n\n private formField: MDCFormField;\n private mdcCheckbox: MDCCheckbox;\n private id: string = createRandomString();\n private helperTextId: string = createRandomString();\n\n @Watch('checked')\n protected handleCheckedChange(newValue: boolean) {\n if (!this.mdcCheckbox) {\n return;\n }\n\n this.mdcCheckbox.checked = newValue;\n }\n\n @Watch('indeterminate')\n protected handleIndeterminateChange(newValue: boolean) {\n this.mdcCheckbox.checked = this.checked;\n this.mdcCheckbox.indeterminate = newValue;\n }\n\n @Watch('readonly')\n protected handleReadonlyChange() {\n this.destroyMDCInstances();\n this.shouldReinitialize = true;\n }\n\n componentDidRender() {\n if (this.shouldReinitialize) {\n this.initialize();\n this.shouldReinitialize = false;\n }\n }\n\n public connectedCallback() {\n this.initialize();\n }\n\n public componentDidLoad() {\n this.initialize();\n }\n\n private destroyMDCInstances = () => {\n this.mdcCheckbox?.destroy();\n this.formField?.destroy();\n\n const checkboxElement = this.getCheckboxElement();\n if (checkboxElement) {\n checkboxElement.classList.remove(\n cssClasses.ANIM_CHECKED_INDETERMINATE,\n cssClasses.ANIM_CHECKED_UNCHECKED,\n cssClasses.ANIM_INDETERMINATE_CHECKED,\n cssClasses.ANIM_INDETERMINATE_UNCHECKED,\n cssClasses.ANIM_UNCHECKED_CHECKED,\n cssClasses.ANIM_UNCHECKED_INDETERMINATE\n );\n }\n };\n\n public disconnectedCallback() {\n this.destroyMDCInstances();\n }\n\n public render() {\n return (\n <CheckboxTemplate\n disabled={this.disabled || this.readonly}\n label={this.label}\n readonlyLabels={this.readonlyLabels}\n helperText={this.helperText}\n helperTextId={this.helperTextId}\n checked={this.checked || this.indeterminate}\n indeterminate={this.indeterminate}\n required={this.required}\n readonly={this.readonly}\n invalid={this.isInvalid()}\n onChange={this.onChange}\n id={this.id}\n />\n );\n }\n\n private isInvalid = () => {\n if (this.invalid) {\n return true;\n }\n\n if (this.required && this.modified && !this.checked) {\n return true;\n }\n };\n\n private initialize = () => {\n const element =\n this.limelCheckbox.shadowRoot.querySelector('.mdc-form-field');\n if (!element) {\n return;\n }\n\n this.formField = new MDCFormField(element);\n this.mdcCheckbox = new MDCCheckbox(this.getCheckboxElement());\n this.formField.input = this.mdcCheckbox;\n };\n\n private getCheckboxElement = () => {\n return this.limelCheckbox.shadowRoot.querySelector('.mdc-checkbox');\n };\n\n private onChange = (event: Event) => {\n event.stopPropagation();\n this.change.emit(this.mdcCheckbox.checked);\n this.modified = true;\n };\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{h as e}from"./p-288f0842.js";const l=l=>{const i={};if(l.readonly){let i="minus";if(l.checked){i={name:"ok",color:"var(--lime-primary-color, var(--limel-theme-primary-color))"}}return[e("limel-dynamic-label",{value:l.checked,"aria-controls":l.helperTextId,defaultLabel:{text:l.label,icon:i},labels:l.readonlyLabels}),e(r,{text:l.helperText,helperTextId:l.helperTextId,invalid:l.invalid})]}if(l.indeterminate){i["data-indeterminate"]="true"}return[e("div",{class:{"mdc-form-field":true,"mdc-checkbox":true,"boolean-input":true,checkbox:true,checked:l.checked,invalid:l.invalid,disabled:l.disabled,required:l.required,indeterminate:l.indeterminate,readonly:l.readonly}},e("input",Object.assign({type:"checkbox",class:"mdc-checkbox__native-control",id:l.id,checked:l.checked,disabled:l.disabled||l.readonly,required:l.required,onChange:l.onChange,"aria-controls":l.helperTextId,"aria-describedby":l.helperTextId},i)),e("div",{class:"box"},e("svg",{class:"check-mark",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},e("path",{fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))),e("label",{class:"boolean-input-label",htmlFor:l.id},l.label)),e(r,{text:l.helperText,helperTextId:l.helperTextId,invalid:l.invalid})]};const r=l=>{if(typeof l.text!=="string"){return}return e("limel-helper-line",{helperText:l.text.trim(),helperTextId:l.helperTextId,invalid:l.invalid})};export{l as C};
|
|
2
|
+
//# sourceMappingURL=p-d5b1f00e.js.map
|