@limetech/lime-elements 35.0.0-next.17 → 35.0.0-next.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{checkbox.template-b7b0460f.js → checkbox.template-7f83d0b4.js} +1 -1
- package/dist/cjs/{index-e63a89d7.js → index-43283636.js} +23 -0
- package/dist/cjs/lime-elements.cjs.js +2 -2
- package/dist/cjs/limel-badge.cjs.entry.js +1 -1
- package/dist/cjs/limel-banner.cjs.entry.js +1 -1
- package/dist/cjs/limel-button-group.cjs.entry.js +1 -1
- package/dist/cjs/limel-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
- package/dist/cjs/limel-circular-progress.cjs.entry.js +1 -1
- package/dist/cjs/limel-code-editor.cjs.entry.js +1 -1
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +1 -1
- package/dist/cjs/limel-color-picker-palette_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-config.cjs.entry.js +1 -1
- package/dist/cjs/limel-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-dialog.cjs.entry.js +1 -1
- package/dist/cjs/limel-file.cjs.entry.js +1 -1
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +1 -1
- package/dist/cjs/limel-flex-container.cjs.entry.js +1 -1
- package/dist/cjs/limel-form.cjs.entry.js +1 -1
- package/dist/cjs/limel-grid.cjs.entry.js +1 -1
- package/dist/cjs/limel-header.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon.cjs.entry.js +1 -1
- package/dist/cjs/limel-input-field.cjs.entry.js +1 -1
- package/dist/cjs/limel-linear-progress.cjs.entry.js +1 -1
- package/dist/cjs/limel-list_3.cjs.entry.js +2 -2
- package/dist/cjs/limel-menu-list.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu.cjs.entry.js +1 -1
- package/dist/cjs/limel-picker.cjs.entry.js +2 -2
- package/dist/cjs/limel-popover-surface.cjs.entry.js +1 -1
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js +1 -1
- package/dist/cjs/limel-progress-flow.cjs.entry.js +1 -1
- package/dist/cjs/limel-select.cjs.entry.js +1 -1
- package/dist/cjs/limel-slider.cjs.entry.js +1 -1
- package/dist/cjs/limel-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/limel-spinner.cjs.entry.js +1 -1
- package/dist/cjs/limel-switch.cjs.entry.js +1 -1
- package/dist/cjs/limel-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/limel-table.cjs.entry.js +1 -1
- package/dist/cjs/limel-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/picker/picker.js +1 -1
- package/dist/esm/{checkbox.template-b4bacc2e.js → checkbox.template-f429c5b6.js} +1 -1
- package/dist/esm/{index-2316f345.js → index-4456d4ad.js} +23 -0
- package/dist/esm/lime-elements.js +2 -2
- package/dist/esm/limel-badge.entry.js +1 -1
- package/dist/esm/limel-banner.entry.js +1 -1
- package/dist/esm/limel-button-group.entry.js +1 -1
- package/dist/esm/limel-button.entry.js +1 -1
- package/dist/esm/limel-checkbox.entry.js +2 -2
- package/dist/esm/limel-chip-set.entry.js +1 -1
- package/dist/esm/limel-circular-progress.entry.js +1 -1
- package/dist/esm/limel-code-editor.entry.js +1 -1
- package/dist/esm/limel-collapsible-section.entry.js +1 -1
- package/dist/esm/limel-color-picker-palette_2.entry.js +1 -1
- package/dist/esm/limel-color-picker.entry.js +1 -1
- package/dist/esm/limel-config.entry.js +1 -1
- package/dist/esm/limel-date-picker.entry.js +1 -1
- package/dist/esm/limel-dialog.entry.js +1 -1
- package/dist/esm/limel-file.entry.js +1 -1
- package/dist/esm/limel-flatpickr-adapter.entry.js +1 -1
- package/dist/esm/limel-flex-container.entry.js +1 -1
- package/dist/esm/limel-form.entry.js +1 -1
- package/dist/esm/limel-grid.entry.js +1 -1
- package/dist/esm/limel-header.entry.js +1 -1
- package/dist/esm/limel-icon-button.entry.js +1 -1
- package/dist/esm/limel-icon.entry.js +1 -1
- package/dist/esm/limel-input-field.entry.js +1 -1
- package/dist/esm/limel-linear-progress.entry.js +1 -1
- package/dist/esm/limel-list_3.entry.js +2 -2
- package/dist/esm/limel-menu-list.entry.js +1 -1
- package/dist/esm/limel-menu.entry.js +1 -1
- package/dist/esm/limel-picker.entry.js +2 -2
- package/dist/esm/limel-popover-surface.entry.js +1 -1
- package/dist/esm/limel-progress-flow-item.entry.js +1 -1
- package/dist/esm/limel-progress-flow.entry.js +1 -1
- package/dist/esm/limel-select.entry.js +1 -1
- package/dist/esm/limel-slider.entry.js +1 -1
- package/dist/esm/limel-snackbar.entry.js +1 -1
- package/dist/esm/limel-spinner.entry.js +1 -1
- package/dist/esm/limel-switch.entry.js +1 -1
- package/dist/esm/limel-tab-bar.entry.js +1 -1
- package/dist/esm/limel-tab-panel.entry.js +1 -1
- package/dist/esm/limel-table.entry.js +1 -1
- package/dist/esm/limel-tooltip_2.entry.js +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-a4c532a7.entry.js → p-00d485d8.entry.js} +1 -1
- package/dist/lime-elements/{p-ec5e5f63.entry.js → p-062a9599.entry.js} +1 -1
- package/dist/lime-elements/{p-597cbe05.entry.js → p-0ea1cbf6.entry.js} +1 -1
- package/dist/lime-elements/{p-a2cf74c1.entry.js → p-255084bd.entry.js} +1 -1
- package/dist/lime-elements/{p-e881e98d.entry.js → p-2550ff27.entry.js} +1 -1
- package/dist/lime-elements/{p-31fecf5d.entry.js → p-3bef288b.entry.js} +1 -1
- package/dist/lime-elements/{p-58cbe99d.entry.js → p-3f440859.entry.js} +1 -1
- package/dist/lime-elements/{p-4b5af81b.entry.js → p-41ec08c9.entry.js} +1 -1
- package/dist/lime-elements/{p-92146da6.js → p-44f9b6d5.js} +0 -0
- package/dist/lime-elements/{p-1fb5340d.entry.js → p-45689f25.entry.js} +1 -1
- package/dist/lime-elements/{p-bcaa52f7.entry.js → p-4692dc5d.entry.js} +1 -1
- package/dist/lime-elements/{p-09593e7a.entry.js → p-47ef0ebb.entry.js} +1 -1
- package/dist/lime-elements/{p-96697356.entry.js → p-4e9869f4.entry.js} +1 -1
- package/dist/lime-elements/{p-6003f817.entry.js → p-549190f6.entry.js} +1 -1
- package/dist/lime-elements/{p-6d6f1f8d.entry.js → p-555f774c.entry.js} +1 -1
- package/dist/lime-elements/{p-0b43d0dd.entry.js → p-63516991.entry.js} +1 -1
- package/dist/lime-elements/{p-3084b02c.entry.js → p-6acee2e5.entry.js} +1 -1
- package/dist/lime-elements/{p-4f1528ab.entry.js → p-6fc9a0be.entry.js} +1 -1
- package/dist/lime-elements/{p-57892079.entry.js → p-70a4d004.entry.js} +1 -1
- package/dist/lime-elements/{p-bf4ee462.entry.js → p-735c9728.entry.js} +1 -1
- package/dist/lime-elements/{p-468e940e.entry.js → p-75846313.entry.js} +1 -1
- package/dist/lime-elements/{p-e632aab7.entry.js → p-779d1567.entry.js} +1 -1
- package/dist/lime-elements/{p-552a5f2c.entry.js → p-7d4eb67f.entry.js} +1 -1
- package/dist/lime-elements/{p-714fde78.entry.js → p-897a7f8a.entry.js} +1 -1
- package/dist/lime-elements/{p-fc30b8e3.entry.js → p-8a5ca741.entry.js} +1 -1
- package/dist/lime-elements/{p-8a2c1038.entry.js → p-9607b6f9.entry.js} +2 -2
- package/dist/lime-elements/{p-0f5cbdea.entry.js → p-9caf28bd.entry.js} +1 -1
- package/dist/lime-elements/{p-f15ab9f4.entry.js → p-a35e6b8a.entry.js} +1 -1
- package/dist/lime-elements/{p-783e6e99.entry.js → p-b808ba3d.entry.js} +1 -1
- package/dist/lime-elements/{p-22c60ff3.js → p-be2bd743.js} +1 -1
- package/dist/lime-elements/{p-c15adec9.entry.js → p-be351178.entry.js} +1 -1
- package/dist/lime-elements/{p-4e486308.entry.js → p-c40f5030.entry.js} +1 -1
- package/dist/lime-elements/{p-e587e8f6.entry.js → p-c4e2eb42.entry.js} +1 -1
- package/dist/lime-elements/{p-1876a96a.entry.js → p-c5168bda.entry.js} +1 -1
- package/dist/lime-elements/{p-be56ffab.entry.js → p-d5f17adb.entry.js} +1 -1
- package/dist/lime-elements/{p-ff5b1f0f.entry.js → p-d70f1c00.entry.js} +1 -1
- package/dist/lime-elements/{p-e6e76954.entry.js → p-dbd61714.entry.js} +1 -1
- package/dist/lime-elements/{p-22f5ab58.entry.js → p-dd62c71b.entry.js} +1 -1
- package/dist/lime-elements/{p-7c89ad03.entry.js → p-e55144ec.entry.js} +1 -1
- package/dist/lime-elements/{p-dfe0a58b.entry.js → p-e6f39a71.entry.js} +1 -1
- package/dist/lime-elements/{p-b4a7d61f.entry.js → p-e8453bcb.entry.js} +1 -1
- package/dist/lime-elements/{p-433f8f64.entry.js → p-f777d8a3.entry.js} +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e}from"./p-
|
|
1
|
+
import{r,h as e}from"./p-44f9b6d5.js";import{a as o}from"./p-f08f504b.js";import"./p-eab67c09.js";let a=class{constructor(e){r(this,e),this.value=0,this.maxValue=100,this.suffix="%",this.displayPercentageColors=!1}render(){const r={"lime-circular-progress":!0,"displays-percentage-colors":this.displayPercentageColors},a=100*this.value/this.maxValue+"%",c=Math.round(10*this.value)/10;return e("div",{role:"progressbar",class:r,"aria-label":"%","aria-valuemin":"0","aria-valuemax":this.maxValue,"aria-valuenow":this.value,style:{"--percentage":a}},e("span",{class:"value"},o(c),e("span",{class:"suffix"},this.suffix)))}};a.style=':host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}:host{display:block;box-sizing:border-box}:host([size=x-small]){--circular-progress-size:1.5rem;font-weight:bold}:host([size=small]){--circular-progress-size:2rem;font-weight:bold}:host([size=medium]){--circular-progress-size:3rem}:host([size=large]){--circular-progress-size:4rem}:host([size=x-large]){--circular-progress-size:5rem}.lime-circular-progress{--size:var(--circular-progress-size, 3rem);--fill-color:var(--circular-progress-fill-color, var(--mdc-theme-primary));--track-color:var(\n --circular-progress-track-color,\n rgb(var(--contrast-400))\n );display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);border-radius:50%;box-shadow:0 0 0 0.125rem rgba(var(--contrast-100), 0.8);background:conic-gradient(var(--fill-color) 0% var(--percentage), var(--track-color) var(--percentage) 100%)}.lime-circular-progress:before{content:"";position:absolute;width:calc(var(--size) * 0.75 + 0.25rem);height:calc(var(--size) * 0.75 + 0.25rem);border-radius:50%;background-color:rgb(var(--contrast-100));box-shadow:var(--button-shadow-pressed)}.value{font-size:calc(var(--size) * 0.25);color:rgb(var(--contrast-1200));z-index:1;cursor:default}.suffix{opacity:0.7}.displays-percentage-colors[style^="--percentage:1"]{--circular-progress-fill-color:var(--color-percent--10to20)}.displays-percentage-colors[style^="--percentage:2"]{--circular-progress-fill-color:var(--color-percent--20to30)}.displays-percentage-colors[style^="--percentage:3"]{--circular-progress-fill-color:var(--color-percent--30to40)}.displays-percentage-colors[style^="--percentage:4"]{--circular-progress-fill-color:var(--color-percent--40to50)}.displays-percentage-colors[style^="--percentage:5"]{--circular-progress-fill-color:var(--color-percent--50to60)}.displays-percentage-colors[style^="--percentage:6"]{--circular-progress-fill-color:var(--color-percent--60to70)}.displays-percentage-colors[style^="--percentage:7"]{--circular-progress-fill-color:var(--color-percent--70to80)}.displays-percentage-colors[style^="--percentage:8"]{--circular-progress-fill-color:var(--color-percent--80to90)}.displays-percentage-colors[style^="--percentage:9"],.displays-percentage-colors[style="--percentage:100%;"]{--circular-progress-fill-color:var(--color-percent--90to100)}.displays-percentage-colors[style="--percentage:1%;"],.displays-percentage-colors[style="--percentage:2%;"],.displays-percentage-colors[style="--percentage:3%;"],.displays-percentage-colors[style="--percentage:4%;"],.displays-percentage-colors[style="--percentage:5%;"],.displays-percentage-colors[style="--percentage:6%;"],.displays-percentage-colors[style="--percentage:7%;"],.displays-percentage-colors[style="--percentage:8%;"],.displays-percentage-colors[style="--percentage:9%;"]{--circular-progress-fill-color:var(--color-percent--0to10)}';export{a as limel_circular_progress}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,g as e}from"./p-44f9b6d5.js";import{c as h}from"./p-6c094f3f.js";import{i as a,a as n}from"./p-cc9ebbef.js";import{D as o}from"./p-e1928c0e.js";import{M as r}from"./p-1c284626.js";import"./p-eab67c09.js";import"./p-a397bab7.js";import"./p-48d4ef20.js";import"./p-cbc43682.js";import"./p-dcc97cc2.js";import"./p-d0a7de87.js";const l={date:"date",time:"time",week:a()?"date":"week",month:"month",quarter:"date",year:"date",datetime:"datetime-local",default:"datetime-local"},d={date:"Y-MM-DD",time:"HH:mm",week:"GGGG-[W]WW",month:"Y-MM","datetime-local":"Y-MM-DD[T]HH:mm"};let c=class{constructor(s){t(this,s),this.change=i(this,"change",7),this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.type="datetime",this.language="en",this.showPortal=!1,this.portalId=`date-picker-calendar-${h()}`,this.documentClickListener=t=>{"keydown"===t.type&&"Tab"!==t.key||document.querySelector(`#${this.portalId}`).contains(t.target)||this.hideCalendar()},this.handleCalendarChange=this.handleCalendarChange.bind(this),this.handleInputElementChange=this.handleInputElementChange.bind(this),this.showCalendar=this.showCalendar.bind(this),this.dateFormatter=new o(this.language),this.clearValue=this.clearValue.bind(this),this.hideCalendar=this.hideCalendar.bind(this),this.onInputClick=this.onInputClick.bind(this),this.nativeChangeHandler=this.nativeChangeHandler.bind(this),this.preventBlurFromCalendarContainer=this.preventBlurFromCalendarContainer.bind(this)}componentWillLoad(){this.useNative=!this.readonly&&(a()||n()),this.updateInternalFormatAndType(),this.formattedValue=this.dateFormatter.formatDate(this.value,this.internalFormat)}componentWillUpdate(){this.updateInternalFormatAndType()}render(){const t={onAction:this.clearValue};if(this.value&&!this.readonly&&(t.trailingIcon="clear_symbol"),this.useNative)return s("div",{class:"container"},s("limel-input-field",{disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,label:this.label,helperText:this.helperText,required:this.required,value:this.formattedValue,type:this.nativeType,onChange:this.nativeChangeHandler}));const i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("div",{class:"container"},s("limel-input-field",Object.assign({disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,label:this.label,helperText:this.helperText,required:this.required,value:this.formattedValue,onFocus:this.showCalendar,onBlur:this.hideCalendar,onClick:this.onInputClick,onChange:this.handleInputElementChange,ref:t=>this.textField=t},t)),s("limel-portal",{containerId:this.portalId,visible:this.showPortal,containerStyle:{"z-index":i}},s("limel-flatpickr-adapter",{format:this.internalFormat,language:this.language,type:this.type,value:this.value,ref:t=>this.datePickerCalendar=t,isOpen:this.showPortal,onChange:this.handleCalendarChange})))}onValueChange(t,i){t!==i&&t!==this.formattedValue&&(this.formattedValue=this.dateFormatter.formatDate(this.value,this.internalFormat))}updateInternalFormatAndType(){this.nativeType=l[this.type||"default"],this.nativeFormat=d[this.nativeType],this.internalFormat=this.useNative?this.nativeFormat:this.format?this.format:this.dateFormatter.getDateFormat(this.type)}nativeChangeHandler(t){t.stopPropagation();const i=this.dateFormatter.parseDate(t.detail,this.internalFormat);this.formattedValue=t.detail,this.change.emit(i)}showCalendar(t){this.showPortal=!0;const i=this.textField.shadowRoot.querySelector("input");setTimeout((()=>{this.datePickerCalendar.inputElement=i})),t.stopPropagation(),document.addEventListener("mousedown",this.documentClickListener,{passive:!0}),document.addEventListener("keydown",this.documentClickListener,{passive:!0}),document.addEventListener("blur",this.preventBlurFromCalendarContainer,{capture:!0})}preventBlurFromCalendarContainer(t){t.relatedTarget===this.datePickerCalendar&&t.stopPropagation()}hideCalendar(){setTimeout((()=>{this.showPortal=!1})),document.removeEventListener("mousedown",this.documentClickListener),document.removeEventListener("keydown",this.documentClickListener),document.removeEventListener("blur",this.preventBlurFromCalendarContainer),this.pickerIsAutoClosing()||this.fixFlatpickrFocusBug()}fixFlatpickrFocusBug(){new r(this.textField.shadowRoot.querySelector(".mdc-text-field")).getDefaultFoundation().deactivateFocus()}handleCalendarChange(t){const i=t.detail;this.formattedValue=this.dateFormatter.formatDate(i,this.internalFormat),t.stopPropagation(),this.pickerIsAutoClosing()&&this.hideCalendar(),this.change.emit(i)}onInputClick(t){this.disabled||this.readonly||this.showPortal||this.showCalendar(t)}handleInputElementChange(t){""===t.detail&&this.clearValue(),t.stopPropagation()}pickerIsAutoClosing(){return"datetime"!==this.type&&"time"!==this.type}clearValue(){this.formattedValue="",this.change.emit(null)}get host(){return e(this)}static get watchers(){return{value:["onValueChange"]}}};c.style="div.container{position:relative}";export{c as limel_date_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as c}from"./p-
|
|
1
|
+
import{h as c}from"./p-44f9b6d5.js";const e=e=>{const i={};return e.indeterminate&&(i["data-indeterminate"]="true"),[c("div",{class:"mdc-form-field "},c("div",{class:{"mdc-checkbox":!0,"mdc-checkbox--invalid":e.invalid,"mdc-checkbox--disabled":e.disabled,"mdc-checkbox--required":e.required,"mdc-checkbox--indeterminate":e.indeterminate}},c("input",Object.assign({type:"checkbox",class:"mdc-checkbox__native-control",id:e.id,checked:e.checked,disabled:e.disabled,required:e.required,onChange:e.onChange},i)),c("div",{class:"mdc-checkbox__background"},c("svg",{class:"mdc-checkbox__checkmark",viewBox:"0 0 24 24"},c("path",{class:"mdc-checkbox__checkmark-path",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})),c("div",{class:"mdc-checkbox__mixedmark"}))),c("label",{class:{"mdc-checkbox--invalid":e.invalid,"mdc-checkbox--disabled":e.disabled,"mdc-checkbox--required":e.required,"mdc-checkbox--indeterminate":e.indeterminate},htmlFor:e.id},e.label)),c(d,{text:e.helperText})]},d=e=>{if("string"==typeof e.text)return c("div",{class:"limel-checkbox-helper-line"},c("p",{class:"limel-checkbox-helper-text","aria-hidden":"true"},e.text.trim()))};export{e as C}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as e,r as t,c,g as l}from"./p-
|
|
1
|
+
import{h as e,r as t,c,g as l}from"./p-44f9b6d5.js";import{b as i}from"./p-cc9ebbef.js";import{E as d,a as o,S as n,h as r}from"./p-216ffe20.js";import{i as a}from"./p-af8d4fe7.js";import{c as s}from"./p-6c094f3f.js";import{a as m}from"./p-d0a7de87.js";import{M as p,a as h}from"./p-48d4ef20.js";import"./p-0b1af919.js";import"./p-dcc97cc2.js";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as c,c as t,h as e,g as i}from"./p-
|
|
1
|
+
import{r as c,c as t,h as e,g as i}from"./p-44f9b6d5.js";import{c as r}from"./p-6c094f3f.js";import{_ as d,b as s,c as a,d as o,e as n,M as h,a as l}from"./p-48d4ef20.js";import{M as m,b as p}from"./p-cbc43682.js";import"./p-dcc97cc2.js";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,g as i}from"./p-
|
|
1
|
+
import{r as t,h as o,g as i}from"./p-44f9b6d5.js";import{M as n}from"./p-cbc43682.js";import"./p-48d4ef20.js";import"./p-dcc97cc2.js";let e=class{constructor(o){t(this,o),this.elevated=!1,this.disabled=!1,this.removeFocusedStyleOnClick=this.removeFocusedStyleOnClick.bind(this)}async relayout(){this.mdcIconButtonRipple&&this.mdcIconButtonRipple.layout()}removeFocusedStyleOnClick(){this.host.shadowRoot.querySelector(".mdc-icon-button").classList.remove("mdc-ripple-upgraded--background-focused")}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const t=this.host.shadowRoot.querySelector(".mdc-icon-button");t&&(this.mdcIconButtonRipple=new n(t),this.mdcIconButtonRipple.unbounded=!0,this.host.addEventListener("click",this.removeFocusedStyleOnClick))}disconnectedCallback(){var t;null===(t=this.mdcIconButtonRipple)||void 0===t||t.destroy(),this.host.removeEventListener("click",this.removeFocusedStyleOnClick)}render(){const t={};this.host.hasAttribute("tabindex")&&(t.tabindex=this.host.getAttribute("tabindex"));const i={};return this.elevated&&(i.badge=!0,i.size="small"),o("button",Object.assign({class:"mdc-icon-button",disabled:this.disabled,"aria-label":this.label,title:this.label},t),o("div",{class:"mdc-icon-button__ripple"}),o("limel-icon",Object.assign({name:this.icon},i)))}get host(){return i(this)}};e.style='.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button.mdc-icon-button--reduced-size{width:40px;height:40px;padding:8px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-icon-button--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--touch{margin-top:0px;margin-bottom:0px}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-icon-button .mdc-icon-button__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-icon-button .mdc-icon-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-button__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation .mdc-icon-button__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before,.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-icon-button:hover .mdc-icon-button__ripple::before,.mdc-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-icon-button .mdc-icon-button__ripple{pointer-events:none;z-index:1}@media (pointer: coarse){.mdc-icon-button:hover::before{opacity:0}}:host{display:inline-flex;align-items:center;justify-content:center}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([elevated]) .mdc-icon-button{padding:0.5625rem}:host([elevated]) limel-icon{transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}:host([elevated]) limel-icon:hover{box-shadow:var(--button-shadow-hovered)}:host([elevated]) limel-icon:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.mdc-icon-button:disabled{color:var(--mdc-theme-text-disabled-on-background)}.mdc-icon-button:focus-visible{box-shadow:var(--shadow-depth-8-focused);border-radius:50%}';export{e as limel_icon_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as o,h as l,g as a}from"./p-92146da6.js";import{c}from"./p-6c094f3f.js";import{b as e}from"./p-216ffe20.js";import{z as t}from"./p-440084ea.js";import"./p-090bc949.js";import"./p-379955f4.js";import"./p-eda23c05.js";import"./p-c93050d6.js";const g=["red","pink","magenta","purple","violet","indigo","blue","sky","cyan","teal","green","lime","grass","yellow","amber","orange","coral","brown","gray","glaucous"],n=["lighter","light","default","dark","darker"];function d(r,o){return`--color-${r}-${o}`}function i(r,o){return`rgb(var(${d(r,o)}))`}let s=class{constructor(a){r(this,a),this.change=o(this,"change",7),this.renderSwatches=()=>g.map((r=>n.map(this.renderSwatch(r)))),this.renderSwatch=r=>o=>{const a={swatch:!0,[d(r,o)]:!0,"swatch--selected":this.value===i(r,o)};return l("div",{class:a,onClick:this.handleClick(r,o),tabindex:"0"})},this.handleChange=r=>{r.stopPropagation(),this.change.emit(r.detail)},this.handleClick=(r,o)=>l=>{const a=i(r,o);l.stopPropagation(),this.change.emit(a)}}render(){const r=this.value?{"--background":this.value}:{};return[l("div",{class:"color-picker-palette"},this.renderSwatches()),l("div",{class:"chosen-color-name"},l("limel-input-field",{label:this.label,helperText:this.helperText,value:this.value,onChange:this.handleChange,required:this.required}),l("div",{class:"chosen-color-preview",style:r}))]}};function b(r,o){var l;if(r.contains(o)||(null===(l=r.shadowRoot)||void 0===l?void 0:l.contains(o)))return!0;const a=function(r){const o=r.closest(".limel-portal--container");return o?o.portalSource:r.getRootNode().host}(o);return!!a&&b(r,a)}s.style='.color-palette{display:grid;gap:0.25rem;grid-auto-flow:column;margin:0.75rem auto 1.25rem auto;padding:1.25rem 0.75rem;background-color:rgb(var(--kompendium-contrast-300));border-radius:0.1875rem}.brightness-label,.swatch{display:flex;align-items:center;position:relative}.swatch{transition:border-radius 0.2s ease;border-radius:3px;justify-content:center;color:rgba(var(--kompendium-color-white), 0.4);font-size:1.25rem;line-height:99%}.swatch:after{content:"";display:block;padding-top:100%}.swatch.hue{font-family:"Source Code Pro", monospace;font-size:0.75rem;position:relative;color:rgb(var(--kompendium-contrast-900));padding-top:0.5rem;writing-mode:vertical-lr;justify-content:left}.brightness-label{font-family:"Source Code Pro", monospace;font-size:0.75rem;color:rgb(var(--kompendium-contrast-900));justify-content:start}.brand-colors-tips{transition:opacity 0.2s ease 0.4s;opacity:0;font-size:0.875rem;padding-left:2.75rem;margin-bottom:2.5rem}.brand-colors .brand-colors-tips{opacity:1}@media (prefers-color-scheme: light){.brand-colors .--color-glaucous-default,.brand-colors .--color-gray-dark{border-radius:50%}}@media (prefers-color-scheme: dark){.brand-colors .--color-red-light,.brand-colors .--color-magenta-default,.brand-colors .--color-sky-light,.brand-colors .--color-teal-light,.brand-colors .--color-green-light,.brand-colors .--color-amber-light,.brand-colors .--color-amber-default,.brand-colors .--color-coral-light,.brand-colors .--color-gray-light{border-radius:50%}}.--color-red-lighter{background-color:rgb(var(--color-red-lighter))}.--color-red-light{background-color:rgb(var(--color-red-light))}.--color-red-default{background-color:rgb(var(--color-red-default))}.--color-red-dark{background-color:rgb(var(--color-red-dark))}.--color-red-darker{background-color:rgb(var(--color-red-darker))}.--color-pink-lighter{background-color:rgb(var(--color-pink-lighter))}.--color-pink-light{background-color:rgb(var(--color-pink-light))}.--color-pink-default{background-color:rgb(var(--color-pink-default))}.--color-pink-dark{background-color:rgb(var(--color-pink-dark))}.--color-pink-darker{background-color:rgb(var(--color-pink-darker))}.--color-magenta-lighter{background-color:rgb(var(--color-magenta-lighter))}.--color-magenta-light{background-color:rgb(var(--color-magenta-light))}.--color-magenta-default{background-color:rgb(var(--color-magenta-default))}.--color-magenta-dark{background-color:rgb(var(--color-magenta-dark))}.--color-magenta-darker{background-color:rgb(var(--color-magenta-darker))}.--color-purple-lighter{background-color:rgb(var(--color-purple-lighter))}.--color-purple-light{background-color:rgb(var(--color-purple-light))}.--color-purple-default{background-color:rgb(var(--color-purple-default))}.--color-purple-dark{background-color:rgb(var(--color-purple-dark))}.--color-purple-darker{background-color:rgb(var(--color-purple-darker))}.--color-violet-lighter{background-color:rgb(var(--color-violet-lighter))}.--color-violet-light{background-color:rgb(var(--color-violet-light))}.--color-violet-default{background-color:rgb(var(--color-violet-default))}.--color-violet-dark{background-color:rgb(var(--color-violet-dark))}.--color-violet-darker{background-color:rgb(var(--color-violet-darker))}.--color-indigo-lighter{background-color:rgb(var(--color-indigo-lighter))}.--color-indigo-light{background-color:rgb(var(--color-indigo-light))}.--color-indigo-default{background-color:rgb(var(--color-indigo-default))}.--color-indigo-dark{background-color:rgb(var(--color-indigo-dark))}.--color-indigo-darker{background-color:rgb(var(--color-indigo-darker))}.--color-blue-lighter{background-color:rgb(var(--color-blue-lighter))}.--color-blue-light{background-color:rgb(var(--color-blue-light))}.--color-blue-default{background-color:rgb(var(--color-blue-default))}.--color-blue-dark{background-color:rgb(var(--color-blue-dark))}.--color-blue-darker{background-color:rgb(var(--color-blue-darker))}.--color-sky-lighter{background-color:rgb(var(--color-sky-lighter))}.--color-sky-light{background-color:rgb(var(--color-sky-light))}.--color-sky-default{background-color:rgb(var(--color-sky-default))}.--color-sky-dark{background-color:rgb(var(--color-sky-dark))}.--color-sky-darker{background-color:rgb(var(--color-sky-darker))}.--color-cyan-lighter{background-color:rgb(var(--color-cyan-lighter))}.--color-cyan-light{background-color:rgb(var(--color-cyan-light))}.--color-cyan-default{background-color:rgb(var(--color-cyan-default))}.--color-cyan-dark{background-color:rgb(var(--color-cyan-dark))}.--color-cyan-darker{background-color:rgb(var(--color-cyan-darker))}.--color-teal-lighter{background-color:rgb(var(--color-teal-lighter))}.--color-teal-light{background-color:rgb(var(--color-teal-light))}.--color-teal-default{background-color:rgb(var(--color-teal-default))}.--color-teal-dark{background-color:rgb(var(--color-teal-dark))}.--color-teal-darker{background-color:rgb(var(--color-teal-darker))}.--color-green-lighter{background-color:rgb(var(--color-green-lighter))}.--color-green-light{background-color:rgb(var(--color-green-light))}.--color-green-default{background-color:rgb(var(--color-green-default))}.--color-green-dark{background-color:rgb(var(--color-green-dark))}.--color-green-darker{background-color:rgb(var(--color-green-darker))}.--color-lime-lighter{background-color:rgb(var(--color-lime-lighter))}.--color-lime-light{background-color:rgb(var(--color-lime-light))}.--color-lime-default{background-color:rgb(var(--color-lime-default))}.--color-lime-dark{background-color:rgb(var(--color-lime-dark))}.--color-lime-darker{background-color:rgb(var(--color-lime-darker))}.--color-grass-lighter{background-color:rgb(var(--color-grass-lighter))}.--color-grass-light{background-color:rgb(var(--color-grass-light))}.--color-grass-default{background-color:rgb(var(--color-grass-default))}.--color-grass-dark{background-color:rgb(var(--color-grass-dark))}.--color-grass-darker{background-color:rgb(var(--color-grass-darker))}.--color-yellow-lighter{background-color:rgb(var(--color-yellow-lighter))}.--color-yellow-light{background-color:rgb(var(--color-yellow-light))}.--color-yellow-default{background-color:rgb(var(--color-yellow-default))}.--color-yellow-dark{background-color:rgb(var(--color-yellow-dark))}.--color-yellow-darker{background-color:rgb(var(--color-yellow-darker))}.--color-amber-lighter{background-color:rgb(var(--color-amber-lighter))}.--color-amber-light{background-color:rgb(var(--color-amber-light))}.--color-amber-default{background-color:rgb(var(--color-amber-default))}.--color-amber-dark{background-color:rgb(var(--color-amber-dark))}.--color-amber-darker{background-color:rgb(var(--color-amber-darker))}.--color-orange-lighter{background-color:rgb(var(--color-orange-lighter))}.--color-orange-light{background-color:rgb(var(--color-orange-light))}.--color-orange-default{background-color:rgb(var(--color-orange-default))}.--color-orange-dark{background-color:rgb(var(--color-orange-dark))}.--color-orange-darker{background-color:rgb(var(--color-orange-darker))}.--color-coral-lighter{background-color:rgb(var(--color-coral-lighter))}.--color-coral-light{background-color:rgb(var(--color-coral-light))}.--color-coral-default{background-color:rgb(var(--color-coral-default))}.--color-coral-dark{background-color:rgb(var(--color-coral-dark))}.--color-coral-darker{background-color:rgb(var(--color-coral-darker))}.--color-brown-lighter{background-color:rgb(var(--color-brown-lighter))}.--color-brown-light{background-color:rgb(var(--color-brown-light))}.--color-brown-default{background-color:rgb(var(--color-brown-default))}.--color-brown-dark{background-color:rgb(var(--color-brown-dark))}.--color-brown-darker{background-color:rgb(var(--color-brown-darker))}.--color-gray-lighter{background-color:rgb(var(--color-gray-lighter))}.--color-gray-light{background-color:rgb(var(--color-gray-light))}.--color-gray-default{background-color:rgb(var(--color-gray-default))}.--color-gray-dark{background-color:rgb(var(--color-gray-dark))}.--color-gray-darker{background-color:rgb(var(--color-gray-darker))}.--color-glaucous-lighter{background-color:rgb(var(--color-glaucous-lighter))}.--color-glaucous-light{background-color:rgb(var(--color-glaucous-light))}.--color-glaucous-default{background-color:rgb(var(--color-glaucous-default))}.--color-glaucous-dark{background-color:rgb(var(--color-glaucous-dark))}.--color-glaucous-darker{background-color:rgb(var(--color-glaucous-darker))}.--contrast-100{color:rgb(var(--contrast-900));background-color:rgb(var(--contrast-100))}.--contrast-200{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-200))}.--contrast-300{color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-300))}.--contrast-400{color:rgb(var(--contrast-1200));background-color:rgb(var(--contrast-400))}.--contrast-500{color:rgb(var(--contrast-1300));background-color:rgb(var(--contrast-500))}.--contrast-600{color:rgb(var(--contrast-1400));background-color:rgb(var(--contrast-600))}.--contrast-700{color:rgb(var(--contrast-1500));background-color:rgb(var(--contrast-700))}.--contrast-800{color:rgb(var(--contrast-1600));background-color:rgb(var(--contrast-800))}.--contrast-900{color:rgb(var(--contrast-1700));background-color:rgb(var(--contrast-900))}.--contrast-1000{color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}.--contrast-1100{color:rgb(var(--contrast-200));background-color:rgb(var(--contrast-1100))}.--contrast-1200{color:rgb(var(--contrast-300));background-color:rgb(var(--contrast-1200))}.--contrast-1300{color:rgb(var(--contrast-400));background-color:rgb(var(--contrast-1300))}.--contrast-1400{color:rgb(var(--contrast-500));background-color:rgb(var(--contrast-1400))}.--contrast-1500{color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-1500))}.--contrast-1600{color:rgb(var(--contrast-700));background-color:rgb(var(--contrast-1600))}.--contrast-1700{color:rgb(var(--contrast-800));background-color:rgb(var(--contrast-1700))}.--color-white{color:rgb(var(--color-black));background-color:rgb(var(--color-white))}.--color-black{color:rgb(var(--color-white));background-color:rgb(var(--color-black))}:host{--lime-brand-color-deep-red:240, 87, 80;--lime-brand-color-sellable-orange:255, 112, 67;--lime-brand-color-orange:255, 176, 59;--lime-brand-color-yellow:255, 207, 61;--lime-brand-color-lime-green:102, 187, 106;--lime-brand-color-flexible-turquoise:38, 166, 154;--lime-brand-color-simple-blue:41, 182, 246;--lime-brand-color-dark-blue:87, 135, 159;--lime-brand-color-loving-magenta:255, 49, 149;--lime-brand-color-light-grey:173, 173, 173;--lime-brand-color-grey:87, 87, 86;--color-white:255, 255, 255;--color-black:0, 0, 0;--contrast-100:255, 255, 255;--contrast-200:250, 250, 251;--contrast-300:246, 246, 247;--contrast-400:241, 241, 243;--contrast-500:237, 237, 238;--contrast-600:232, 232, 234;--contrast-700:209, 209, 213;--contrast-800:186, 186, 192;--contrast-900:140, 140, 150;--contrast-1000:117, 117, 128;--contrast-1100:94, 94, 108;--contrast-1200:71, 71, 86;--contrast-1300:48, 48, 66;--contrast-1400:39, 39, 57;--contrast-1500:35, 35, 53;--contrast-1600:25, 25, 44;--contrast-1700:0, 0, 0;--color-red-lighter:255, 205, 210;--color-red-light:255, 117, 107;--color-red-default:244, 67, 54;--color-red-dark:211, 47, 47;--color-red-darker:183, 28, 28;--color-pink-lighter:248, 187, 208;--color-pink-light:240, 98, 146;--color-pink-default:233, 30, 99;--color-pink-dark:194, 24, 91;--color-pink-darker:136, 14, 79;--color-purple-lighter:225, 190, 231;--color-purple-light:186, 104, 200;--color-purple-default:156, 39, 176;--color-purple-dark:123, 31, 162;--color-purple-darker:74, 20, 140;--color-magenta-lighter:249, 176, 212;--color-magenta-light:247, 89, 166;--color-magenta-default:243, 65, 151;--color-magenta-dark:199, 46, 121;--color-magenta-darker:156, 22, 87;--color-violet-lighter:209, 196, 233;--color-violet-light:149, 117, 205;--color-violet-default:103, 58, 183;--color-violet-dark:81, 45, 168;--color-violet-darker:49, 27, 146;--color-indigo-lighter:197, 202, 233;--color-indigo-light:121, 134, 203;--color-indigo-default:63, 81, 181;--color-indigo-dark:48, 63, 159;--color-indigo-darker:26, 35, 126;--color-blue-lighter:187, 222, 251;--color-blue-light:100, 181, 246;--color-blue-default:33, 150, 243;--color-blue-dark:25, 118, 210;--color-blue-darker:13, 71, 161;--color-sky-lighter:179, 229, 252;--color-sky-light:79, 195, 247;--color-sky-default:3, 169, 244;--color-sky-dark:2, 136, 209;--color-sky-darker:1, 87, 155;--color-cyan-lighter:178, 235, 242;--color-cyan-light:77, 208, 225;--color-cyan-default:0, 188, 212;--color-cyan-dark:0, 151, 167;--color-cyan-darker:0, 96, 100;--color-teal-lighter:178, 223, 219;--color-teal-light:77, 182, 172;--color-teal-default:0, 150, 136;--color-teal-dark:0, 121, 107;--color-teal-darker:0, 77, 64;--color-green-lighter:200, 230, 201;--color-green-light:129, 199, 132;--color-green-default:76, 175, 80;--color-green-dark:56, 142, 60;--color-green-darker:27, 94, 32;--color-lime-lighter:220, 237, 200;--color-lime-light:174, 213, 129;--color-lime-default:139, 195, 74;--color-lime-dark:104, 159, 56;--color-lime-darker:51, 105, 30;--color-grass-lighter:240, 244, 195;--color-grass-light:220, 231, 117;--color-grass-default:205, 220, 57;--color-grass-dark:175, 180, 43;--color-grass-darker:130, 119, 23;--color-yellow-lighter:255, 249, 196;--color-yellow-light:255, 241, 118;--color-yellow-default:255, 235, 59;--color-yellow-dark:251, 206, 44;--color-yellow-darker:232, 191, 41;--color-amber-lighter:255, 236, 179;--color-amber-light:255, 213, 79;--color-amber-default:255, 193, 7;--color-amber-dark:255, 160, 0;--color-amber-darker:255, 111, 0;--color-orange-lighter:255, 224, 178;--color-orange-light:255, 183, 77;--color-orange-default:255, 152, 0;--color-orange-dark:245, 124, 0;--color-orange-darker:230, 81, 0;--color-coral-lighter:255, 204, 188;--color-coral-light:255, 138, 101;--color-coral-default:255, 87, 34;--color-coral-dark:230, 74, 25;--color-coral-darker:191, 54, 12;--color-brown-lighter:215, 204, 200;--color-brown-light:161, 136, 127;--color-brown-default:121, 85, 72;--color-brown-dark:93, 64, 55;--color-brown-darker:62, 39, 35;--color-gray-lighter:245, 245, 245;--color-gray-light:224, 224, 224;--color-gray-default:158, 158, 158;--color-gray-dark:var(--lime-brand-color-grey);--color-gray-darker:33, 33, 33;--color-glaucous-lighter:208, 225, 232;--color-glaucous-light:135, 174, 193;--color-glaucous-default:var(--lime-brand-color-dark-blue);--color-glaucous-dark:58, 100, 119;--color-glaucous-darker:37, 71, 88;}@media (prefers-color-scheme: dark){:host{--contrast-100:0, 0, 0;--contrast-200:25, 25, 44;--contrast-300:35, 35, 53;--contrast-400:39, 39, 57;--contrast-500:48, 48, 66;--contrast-600:71, 71, 86;--contrast-700:94, 94, 108;--contrast-800:117, 117, 128;--contrast-900:140, 140, 150;--contrast-1000:186, 186, 192;--contrast-1100:209, 209, 213;--contrast-1200:232, 232, 234;--contrast-1300:237, 237, 238;--contrast-1400:241, 241, 243;--contrast-1500:246, 246, 247;--contrast-1600:250, 250, 251;--contrast-1700:255, 255, 255;--color-red-lighter:239, 154, 154;--color-red-light:var(--lime-brand-color-deep-red);--color-red-default:229, 57, 53;--color-red-dark:198, 40, 40;--color-red-darker:165, 23, 23;--color-pink-lighter:244, 143, 177;--color-pink-light:236, 64, 122;--color-pink-default:216, 27, 96;--color-pink-dark:173, 20, 87;--color-pink-darker:132, 10, 75;--color-magenta-lighter:249, 161, 204;--color-magenta-light:249, 79, 162;--color-magenta-default:var(--lime-brand-color-loving-magenta);--color-magenta-dark:208, 31, 117;--color-magenta-darker:156, 22, 87;--color-purple-lighter:206, 147, 216;--color-purple-light:171, 71, 188;--color-purple-default:142, 36, 170;--color-purple-dark:106, 27, 154;--color-purple-darker:62, 13, 121;--color-violet-lighter:179, 157, 219;--color-violet-light:126, 87, 194;--color-violet-default:94, 53, 177;--color-violet-dark:69, 39, 160;--color-violet-darker:41, 22, 127;--color-indigo-lighter:159, 168, 218;--color-indigo-light:92, 107, 192;--color-indigo-default:57, 73, 171;--color-indigo-dark:40, 53, 147;--color-indigo-darker:21, 30, 115;--color-blue-lighter:144, 202, 249;--color-blue-light:66, 165, 245;--color-blue-default:30, 136, 229;--color-blue-dark:21, 101, 192;--color-blue-darker:10, 60, 138;--color-sky-lighter:129, 212, 250;--color-sky-light:var(--lime-brand-color-simple-blue);--color-sky-default:3, 155, 229;--color-sky-dark:2, 119, 189;--color-sky-darker:1, 81, 144;--color-cyan-lighter:128, 222, 234;--color-cyan-light:38, 198, 218;--color-cyan-default:0, 172, 193;--color-cyan-dark:0, 131, 143;--color-cyan-darker:0, 89, 93;--color-teal-lighter:128, 203, 196;--color-teal-light:var(--lime-brand-color-flexible-turquoise);--color-teal-default:0, 137, 123;--color-teal-dark:0, 105, 92;--color-teal-darker:1, 82, 69;--color-green-lighter:165, 214, 167;--color-green-light:var(--lime-brand-color-lime-green);--color-green-default:67, 160, 71;--color-green-dark:46, 125, 50;--color-green-darker:32, 97, 37;--color-lime-lighter:197, 225, 165;--color-lime-light:156, 204, 101;--color-lime-default:124, 179, 66;--color-lime-dark:85, 139, 47;--color-lime-darker:43, 90, 25;--color-grass-lighter:230, 238, 156;--color-grass-light:212, 225, 87;--color-grass-default:192, 202, 51;--color-grass-dark:158, 157, 36;--color-grass-darker:119, 109, 19;--color-yellow-lighter:255, 245, 157;--color-yellow-light:255, 238, 88;--color-yellow-default:253, 216, 53;--color-yellow-dark:245, 200, 39;--color-yellow-darker:224, 180, 21;--color-amber-lighter:255, 224, 130;--color-amber-light:var(--lime-brand-color-yellow);--color-amber-default:var(--lime-brand-color-orange);--color-amber-dark:255, 143, 0;--color-amber-darker:222, 98, 2;--color-orange-lighter:255, 204, 128;--color-orange-light:255, 167, 38;--color-orange-default:251, 140, 0;--color-orange-dark:239, 108, 0;--color-orange-darker:216, 77, 1;--color-coral-lighter:255, 171, 145;--color-coral-light:var(--lime-brand-color-sellable-orange);--color-coral-default:244, 81, 30;--color-coral-dark:216, 67, 21;--color-coral-darker:181, 50, 10;--color-brown-lighter:188, 170, 164;--color-brown-light:141, 110, 99;--color-brown-default:109, 76, 65;--color-brown-dark:78, 52, 46;--color-brown-darker:51, 32, 28;--color-gray-lighter:238, 238, 238;--color-gray-light:var(--lime-brand-color-light-grey);--color-gray-default:117, 117, 117;--color-gray-dark:66, 66, 66;--color-gray-darker:33, 32, 32;--color-glaucous-lighter:159, 194, 208;--color-glaucous-light:110, 141, 156;--color-glaucous-default:68, 108, 128;--color-glaucous-dark:42, 87, 107;--color-glaucous-darker:34, 65, 80;}}.color-palette{grid-template-rows:repeat(5, 1fr) auto;grid-template-columns:repeat(20, 1fr) auto}.picker-trigger[style="--background:lime-magenta;"]:after,.chosen-color-preview[style="--background:lime-magenta;"]:after{background-color:var(--lime-magenta)}.picker-trigger[style="--background:lime-blue;"]:after,.chosen-color-preview[style="--background:lime-blue;"]:after{background-color:var(--lime-blue)}.picker-trigger[style="--background:lime-orange;"]:after,.chosen-color-preview[style="--background:lime-orange;"]:after{background-color:var(--lime-orange)}.picker-trigger[style="--background:lime-green;"]:after,.chosen-color-preview[style="--background:lime-green;"]:after{background-color:var(--lime-green)}.picker-trigger[style="--background:lime-red;"]:after,.chosen-color-preview[style="--background:lime-red;"]:after{background-color:var(--lime-red)}.picker-trigger[style="--background:lime-dark-blue;"]:after,.chosen-color-preview[style="--background:lime-dark-blue;"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style="--background:lime-turquoise;"]:after,.chosen-color-preview[style="--background:lime-turquoise;"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style="--background:lime-yellow;"]:after,.chosen-color-preview[style="--background:lime-yellow;"]:after{background-color:var(--lime-yellow)}.picker-trigger[style="--background:lime-light-grey;"]:after,.chosen-color-preview[style="--background:lime-light-grey;"]:after{background-color:var(--lime-light-grey)}:host{--popover-surface-width:50rem;--color-picker-default-background:url("data:image/svg+xml;charset=utf-8, <svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\' style=\'fill-rule:evenodd;\'><path fill-opacity=\'0.1\' d=\'M0 0h4v4H0zM4 4h4v4H4z\'/></svg>")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:"";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}:host{border-radius:0.75rem;background-color:rgb(var(--kompendium-contrast-300))}.color-picker-palette{display:grid;gap:0.25rem;grid-auto-flow:column;grid-template-columns:repeat(20, 1fr);grid-template-rows:repeat(4, 1fr) auto;margin:1rem}.chosen-color-name{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem}.chosen-color-preview{border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.swatch:not(.hue){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer}.swatch:not(.hue):hover{box-shadow:var(--button-shadow-hovered)}.swatch:not(.hue):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.swatch:not(.hue):focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.25rem rgb(var(--contrast-100)) inset}.swatch--selected{border-radius:50%}';let u=class{constructor(l){r(this,l),this.close=o(this,"close",7),this.open=!1,this.handleGlobalKeyPress=r=>{r.key===e&&(r.stopPropagation(),r.preventDefault(),this.close.emit())},this.portalId=c(),this.globalClickListener=this.globalClickListener.bind(this)}watchOpen(){this.setupGlobalHandlers()}componentWillLoad(){this.setupGlobalHandlers()}setupGlobalHandlers(){this.open?(document.addEventListener("click",this.globalClickListener,{capture:!0}),document.addEventListener("keyup",this.handleGlobalKeyPress)):(document.removeEventListener("click",this.globalClickListener),document.removeEventListener("keyup",this.handleGlobalKeyPress))}render(){const r=this.getCssProperties(),o=getComputedStyle(this.host).getPropertyValue("--popover-z-index");return l("div",{class:"trigger-anchor"},l("slot",{name:"trigger"}),l("limel-portal",{visible:this.open,containerId:this.portalId,containerStyle:{"z-index":o}},l("limel-popover-surface",{contentCollection:this.host.children,style:r})))}globalClickListener(r){const o=b(this.host,r.target);this.open&&!o&&(r.stopPropagation(),r.preventDefault(),this.close.emit())}getCssProperties(){const r=["--popover-surface-width","--popover-body-background-color","--popover-border-radius"],o=getComputedStyle(this.host),l=r.map((r=>o.getPropertyValue(r)));return t(r,l)}get host(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};u.style=".trigger-anchor{display:inline-block;position:relative}";export{s as limel_color_picker_palette,u as limel_popover}
|
|
1
|
+
import{r,c as o,h as l,g as a}from"./p-44f9b6d5.js";import{c}from"./p-6c094f3f.js";import{b as e}from"./p-216ffe20.js";import{z as t}from"./p-440084ea.js";import"./p-090bc949.js";import"./p-379955f4.js";import"./p-eda23c05.js";import"./p-c93050d6.js";const g=["red","pink","magenta","purple","violet","indigo","blue","sky","cyan","teal","green","lime","grass","yellow","amber","orange","coral","brown","gray","glaucous"],n=["lighter","light","default","dark","darker"];function d(r,o){return`--color-${r}-${o}`}function i(r,o){return`rgb(var(${d(r,o)}))`}let s=class{constructor(a){r(this,a),this.change=o(this,"change",7),this.renderSwatches=()=>g.map((r=>n.map(this.renderSwatch(r)))),this.renderSwatch=r=>o=>{const a={swatch:!0,[d(r,o)]:!0,"swatch--selected":this.value===i(r,o)};return l("div",{class:a,onClick:this.handleClick(r,o),tabindex:"0"})},this.handleChange=r=>{r.stopPropagation(),this.change.emit(r.detail)},this.handleClick=(r,o)=>l=>{const a=i(r,o);l.stopPropagation(),this.change.emit(a)}}render(){const r=this.value?{"--background":this.value}:{};return[l("div",{class:"color-picker-palette"},this.renderSwatches()),l("div",{class:"chosen-color-name"},l("limel-input-field",{label:this.label,helperText:this.helperText,value:this.value,onChange:this.handleChange,required:this.required}),l("div",{class:"chosen-color-preview",style:r}))]}};function b(r,o){var l;if(r.contains(o)||(null===(l=r.shadowRoot)||void 0===l?void 0:l.contains(o)))return!0;const a=function(r){const o=r.closest(".limel-portal--container");return o?o.portalSource:r.getRootNode().host}(o);return!!a&&b(r,a)}s.style='.color-palette{display:grid;gap:0.25rem;grid-auto-flow:column;margin:0.75rem auto 1.25rem auto;padding:1.25rem 0.75rem;background-color:rgb(var(--kompendium-contrast-300));border-radius:0.1875rem}.brightness-label,.swatch{display:flex;align-items:center;position:relative}.swatch{transition:border-radius 0.2s ease;border-radius:3px;justify-content:center;color:rgba(var(--kompendium-color-white), 0.4);font-size:1.25rem;line-height:99%}.swatch:after{content:"";display:block;padding-top:100%}.swatch.hue{font-family:"Source Code Pro", monospace;font-size:0.75rem;position:relative;color:rgb(var(--kompendium-contrast-900));padding-top:0.5rem;writing-mode:vertical-lr;justify-content:left}.brightness-label{font-family:"Source Code Pro", monospace;font-size:0.75rem;color:rgb(var(--kompendium-contrast-900));justify-content:start}.brand-colors-tips{transition:opacity 0.2s ease 0.4s;opacity:0;font-size:0.875rem;padding-left:2.75rem;margin-bottom:2.5rem}.brand-colors .brand-colors-tips{opacity:1}@media (prefers-color-scheme: light){.brand-colors .--color-glaucous-default,.brand-colors .--color-gray-dark{border-radius:50%}}@media (prefers-color-scheme: dark){.brand-colors .--color-red-light,.brand-colors .--color-magenta-default,.brand-colors .--color-sky-light,.brand-colors .--color-teal-light,.brand-colors .--color-green-light,.brand-colors .--color-amber-light,.brand-colors .--color-amber-default,.brand-colors .--color-coral-light,.brand-colors .--color-gray-light{border-radius:50%}}.--color-red-lighter{background-color:rgb(var(--color-red-lighter))}.--color-red-light{background-color:rgb(var(--color-red-light))}.--color-red-default{background-color:rgb(var(--color-red-default))}.--color-red-dark{background-color:rgb(var(--color-red-dark))}.--color-red-darker{background-color:rgb(var(--color-red-darker))}.--color-pink-lighter{background-color:rgb(var(--color-pink-lighter))}.--color-pink-light{background-color:rgb(var(--color-pink-light))}.--color-pink-default{background-color:rgb(var(--color-pink-default))}.--color-pink-dark{background-color:rgb(var(--color-pink-dark))}.--color-pink-darker{background-color:rgb(var(--color-pink-darker))}.--color-magenta-lighter{background-color:rgb(var(--color-magenta-lighter))}.--color-magenta-light{background-color:rgb(var(--color-magenta-light))}.--color-magenta-default{background-color:rgb(var(--color-magenta-default))}.--color-magenta-dark{background-color:rgb(var(--color-magenta-dark))}.--color-magenta-darker{background-color:rgb(var(--color-magenta-darker))}.--color-purple-lighter{background-color:rgb(var(--color-purple-lighter))}.--color-purple-light{background-color:rgb(var(--color-purple-light))}.--color-purple-default{background-color:rgb(var(--color-purple-default))}.--color-purple-dark{background-color:rgb(var(--color-purple-dark))}.--color-purple-darker{background-color:rgb(var(--color-purple-darker))}.--color-violet-lighter{background-color:rgb(var(--color-violet-lighter))}.--color-violet-light{background-color:rgb(var(--color-violet-light))}.--color-violet-default{background-color:rgb(var(--color-violet-default))}.--color-violet-dark{background-color:rgb(var(--color-violet-dark))}.--color-violet-darker{background-color:rgb(var(--color-violet-darker))}.--color-indigo-lighter{background-color:rgb(var(--color-indigo-lighter))}.--color-indigo-light{background-color:rgb(var(--color-indigo-light))}.--color-indigo-default{background-color:rgb(var(--color-indigo-default))}.--color-indigo-dark{background-color:rgb(var(--color-indigo-dark))}.--color-indigo-darker{background-color:rgb(var(--color-indigo-darker))}.--color-blue-lighter{background-color:rgb(var(--color-blue-lighter))}.--color-blue-light{background-color:rgb(var(--color-blue-light))}.--color-blue-default{background-color:rgb(var(--color-blue-default))}.--color-blue-dark{background-color:rgb(var(--color-blue-dark))}.--color-blue-darker{background-color:rgb(var(--color-blue-darker))}.--color-sky-lighter{background-color:rgb(var(--color-sky-lighter))}.--color-sky-light{background-color:rgb(var(--color-sky-light))}.--color-sky-default{background-color:rgb(var(--color-sky-default))}.--color-sky-dark{background-color:rgb(var(--color-sky-dark))}.--color-sky-darker{background-color:rgb(var(--color-sky-darker))}.--color-cyan-lighter{background-color:rgb(var(--color-cyan-lighter))}.--color-cyan-light{background-color:rgb(var(--color-cyan-light))}.--color-cyan-default{background-color:rgb(var(--color-cyan-default))}.--color-cyan-dark{background-color:rgb(var(--color-cyan-dark))}.--color-cyan-darker{background-color:rgb(var(--color-cyan-darker))}.--color-teal-lighter{background-color:rgb(var(--color-teal-lighter))}.--color-teal-light{background-color:rgb(var(--color-teal-light))}.--color-teal-default{background-color:rgb(var(--color-teal-default))}.--color-teal-dark{background-color:rgb(var(--color-teal-dark))}.--color-teal-darker{background-color:rgb(var(--color-teal-darker))}.--color-green-lighter{background-color:rgb(var(--color-green-lighter))}.--color-green-light{background-color:rgb(var(--color-green-light))}.--color-green-default{background-color:rgb(var(--color-green-default))}.--color-green-dark{background-color:rgb(var(--color-green-dark))}.--color-green-darker{background-color:rgb(var(--color-green-darker))}.--color-lime-lighter{background-color:rgb(var(--color-lime-lighter))}.--color-lime-light{background-color:rgb(var(--color-lime-light))}.--color-lime-default{background-color:rgb(var(--color-lime-default))}.--color-lime-dark{background-color:rgb(var(--color-lime-dark))}.--color-lime-darker{background-color:rgb(var(--color-lime-darker))}.--color-grass-lighter{background-color:rgb(var(--color-grass-lighter))}.--color-grass-light{background-color:rgb(var(--color-grass-light))}.--color-grass-default{background-color:rgb(var(--color-grass-default))}.--color-grass-dark{background-color:rgb(var(--color-grass-dark))}.--color-grass-darker{background-color:rgb(var(--color-grass-darker))}.--color-yellow-lighter{background-color:rgb(var(--color-yellow-lighter))}.--color-yellow-light{background-color:rgb(var(--color-yellow-light))}.--color-yellow-default{background-color:rgb(var(--color-yellow-default))}.--color-yellow-dark{background-color:rgb(var(--color-yellow-dark))}.--color-yellow-darker{background-color:rgb(var(--color-yellow-darker))}.--color-amber-lighter{background-color:rgb(var(--color-amber-lighter))}.--color-amber-light{background-color:rgb(var(--color-amber-light))}.--color-amber-default{background-color:rgb(var(--color-amber-default))}.--color-amber-dark{background-color:rgb(var(--color-amber-dark))}.--color-amber-darker{background-color:rgb(var(--color-amber-darker))}.--color-orange-lighter{background-color:rgb(var(--color-orange-lighter))}.--color-orange-light{background-color:rgb(var(--color-orange-light))}.--color-orange-default{background-color:rgb(var(--color-orange-default))}.--color-orange-dark{background-color:rgb(var(--color-orange-dark))}.--color-orange-darker{background-color:rgb(var(--color-orange-darker))}.--color-coral-lighter{background-color:rgb(var(--color-coral-lighter))}.--color-coral-light{background-color:rgb(var(--color-coral-light))}.--color-coral-default{background-color:rgb(var(--color-coral-default))}.--color-coral-dark{background-color:rgb(var(--color-coral-dark))}.--color-coral-darker{background-color:rgb(var(--color-coral-darker))}.--color-brown-lighter{background-color:rgb(var(--color-brown-lighter))}.--color-brown-light{background-color:rgb(var(--color-brown-light))}.--color-brown-default{background-color:rgb(var(--color-brown-default))}.--color-brown-dark{background-color:rgb(var(--color-brown-dark))}.--color-brown-darker{background-color:rgb(var(--color-brown-darker))}.--color-gray-lighter{background-color:rgb(var(--color-gray-lighter))}.--color-gray-light{background-color:rgb(var(--color-gray-light))}.--color-gray-default{background-color:rgb(var(--color-gray-default))}.--color-gray-dark{background-color:rgb(var(--color-gray-dark))}.--color-gray-darker{background-color:rgb(var(--color-gray-darker))}.--color-glaucous-lighter{background-color:rgb(var(--color-glaucous-lighter))}.--color-glaucous-light{background-color:rgb(var(--color-glaucous-light))}.--color-glaucous-default{background-color:rgb(var(--color-glaucous-default))}.--color-glaucous-dark{background-color:rgb(var(--color-glaucous-dark))}.--color-glaucous-darker{background-color:rgb(var(--color-glaucous-darker))}.--contrast-100{color:rgb(var(--contrast-900));background-color:rgb(var(--contrast-100))}.--contrast-200{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-200))}.--contrast-300{color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-300))}.--contrast-400{color:rgb(var(--contrast-1200));background-color:rgb(var(--contrast-400))}.--contrast-500{color:rgb(var(--contrast-1300));background-color:rgb(var(--contrast-500))}.--contrast-600{color:rgb(var(--contrast-1400));background-color:rgb(var(--contrast-600))}.--contrast-700{color:rgb(var(--contrast-1500));background-color:rgb(var(--contrast-700))}.--contrast-800{color:rgb(var(--contrast-1600));background-color:rgb(var(--contrast-800))}.--contrast-900{color:rgb(var(--contrast-1700));background-color:rgb(var(--contrast-900))}.--contrast-1000{color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}.--contrast-1100{color:rgb(var(--contrast-200));background-color:rgb(var(--contrast-1100))}.--contrast-1200{color:rgb(var(--contrast-300));background-color:rgb(var(--contrast-1200))}.--contrast-1300{color:rgb(var(--contrast-400));background-color:rgb(var(--contrast-1300))}.--contrast-1400{color:rgb(var(--contrast-500));background-color:rgb(var(--contrast-1400))}.--contrast-1500{color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-1500))}.--contrast-1600{color:rgb(var(--contrast-700));background-color:rgb(var(--contrast-1600))}.--contrast-1700{color:rgb(var(--contrast-800));background-color:rgb(var(--contrast-1700))}.--color-white{color:rgb(var(--color-black));background-color:rgb(var(--color-white))}.--color-black{color:rgb(var(--color-white));background-color:rgb(var(--color-black))}:host{--lime-brand-color-deep-red:240, 87, 80;--lime-brand-color-sellable-orange:255, 112, 67;--lime-brand-color-orange:255, 176, 59;--lime-brand-color-yellow:255, 207, 61;--lime-brand-color-lime-green:102, 187, 106;--lime-brand-color-flexible-turquoise:38, 166, 154;--lime-brand-color-simple-blue:41, 182, 246;--lime-brand-color-dark-blue:87, 135, 159;--lime-brand-color-loving-magenta:255, 49, 149;--lime-brand-color-light-grey:173, 173, 173;--lime-brand-color-grey:87, 87, 86;--color-white:255, 255, 255;--color-black:0, 0, 0;--contrast-100:255, 255, 255;--contrast-200:250, 250, 251;--contrast-300:246, 246, 247;--contrast-400:241, 241, 243;--contrast-500:237, 237, 238;--contrast-600:232, 232, 234;--contrast-700:209, 209, 213;--contrast-800:186, 186, 192;--contrast-900:140, 140, 150;--contrast-1000:117, 117, 128;--contrast-1100:94, 94, 108;--contrast-1200:71, 71, 86;--contrast-1300:48, 48, 66;--contrast-1400:39, 39, 57;--contrast-1500:35, 35, 53;--contrast-1600:25, 25, 44;--contrast-1700:0, 0, 0;--color-red-lighter:255, 205, 210;--color-red-light:255, 117, 107;--color-red-default:244, 67, 54;--color-red-dark:211, 47, 47;--color-red-darker:183, 28, 28;--color-pink-lighter:248, 187, 208;--color-pink-light:240, 98, 146;--color-pink-default:233, 30, 99;--color-pink-dark:194, 24, 91;--color-pink-darker:136, 14, 79;--color-purple-lighter:225, 190, 231;--color-purple-light:186, 104, 200;--color-purple-default:156, 39, 176;--color-purple-dark:123, 31, 162;--color-purple-darker:74, 20, 140;--color-magenta-lighter:249, 176, 212;--color-magenta-light:247, 89, 166;--color-magenta-default:243, 65, 151;--color-magenta-dark:199, 46, 121;--color-magenta-darker:156, 22, 87;--color-violet-lighter:209, 196, 233;--color-violet-light:149, 117, 205;--color-violet-default:103, 58, 183;--color-violet-dark:81, 45, 168;--color-violet-darker:49, 27, 146;--color-indigo-lighter:197, 202, 233;--color-indigo-light:121, 134, 203;--color-indigo-default:63, 81, 181;--color-indigo-dark:48, 63, 159;--color-indigo-darker:26, 35, 126;--color-blue-lighter:187, 222, 251;--color-blue-light:100, 181, 246;--color-blue-default:33, 150, 243;--color-blue-dark:25, 118, 210;--color-blue-darker:13, 71, 161;--color-sky-lighter:179, 229, 252;--color-sky-light:79, 195, 247;--color-sky-default:3, 169, 244;--color-sky-dark:2, 136, 209;--color-sky-darker:1, 87, 155;--color-cyan-lighter:178, 235, 242;--color-cyan-light:77, 208, 225;--color-cyan-default:0, 188, 212;--color-cyan-dark:0, 151, 167;--color-cyan-darker:0, 96, 100;--color-teal-lighter:178, 223, 219;--color-teal-light:77, 182, 172;--color-teal-default:0, 150, 136;--color-teal-dark:0, 121, 107;--color-teal-darker:0, 77, 64;--color-green-lighter:200, 230, 201;--color-green-light:129, 199, 132;--color-green-default:76, 175, 80;--color-green-dark:56, 142, 60;--color-green-darker:27, 94, 32;--color-lime-lighter:220, 237, 200;--color-lime-light:174, 213, 129;--color-lime-default:139, 195, 74;--color-lime-dark:104, 159, 56;--color-lime-darker:51, 105, 30;--color-grass-lighter:240, 244, 195;--color-grass-light:220, 231, 117;--color-grass-default:205, 220, 57;--color-grass-dark:175, 180, 43;--color-grass-darker:130, 119, 23;--color-yellow-lighter:255, 249, 196;--color-yellow-light:255, 241, 118;--color-yellow-default:255, 235, 59;--color-yellow-dark:251, 206, 44;--color-yellow-darker:232, 191, 41;--color-amber-lighter:255, 236, 179;--color-amber-light:255, 213, 79;--color-amber-default:255, 193, 7;--color-amber-dark:255, 160, 0;--color-amber-darker:255, 111, 0;--color-orange-lighter:255, 224, 178;--color-orange-light:255, 183, 77;--color-orange-default:255, 152, 0;--color-orange-dark:245, 124, 0;--color-orange-darker:230, 81, 0;--color-coral-lighter:255, 204, 188;--color-coral-light:255, 138, 101;--color-coral-default:255, 87, 34;--color-coral-dark:230, 74, 25;--color-coral-darker:191, 54, 12;--color-brown-lighter:215, 204, 200;--color-brown-light:161, 136, 127;--color-brown-default:121, 85, 72;--color-brown-dark:93, 64, 55;--color-brown-darker:62, 39, 35;--color-gray-lighter:245, 245, 245;--color-gray-light:224, 224, 224;--color-gray-default:158, 158, 158;--color-gray-dark:var(--lime-brand-color-grey);--color-gray-darker:33, 33, 33;--color-glaucous-lighter:208, 225, 232;--color-glaucous-light:135, 174, 193;--color-glaucous-default:var(--lime-brand-color-dark-blue);--color-glaucous-dark:58, 100, 119;--color-glaucous-darker:37, 71, 88;}@media (prefers-color-scheme: dark){:host{--contrast-100:0, 0, 0;--contrast-200:25, 25, 44;--contrast-300:35, 35, 53;--contrast-400:39, 39, 57;--contrast-500:48, 48, 66;--contrast-600:71, 71, 86;--contrast-700:94, 94, 108;--contrast-800:117, 117, 128;--contrast-900:140, 140, 150;--contrast-1000:186, 186, 192;--contrast-1100:209, 209, 213;--contrast-1200:232, 232, 234;--contrast-1300:237, 237, 238;--contrast-1400:241, 241, 243;--contrast-1500:246, 246, 247;--contrast-1600:250, 250, 251;--contrast-1700:255, 255, 255;--color-red-lighter:239, 154, 154;--color-red-light:var(--lime-brand-color-deep-red);--color-red-default:229, 57, 53;--color-red-dark:198, 40, 40;--color-red-darker:165, 23, 23;--color-pink-lighter:244, 143, 177;--color-pink-light:236, 64, 122;--color-pink-default:216, 27, 96;--color-pink-dark:173, 20, 87;--color-pink-darker:132, 10, 75;--color-magenta-lighter:249, 161, 204;--color-magenta-light:249, 79, 162;--color-magenta-default:var(--lime-brand-color-loving-magenta);--color-magenta-dark:208, 31, 117;--color-magenta-darker:156, 22, 87;--color-purple-lighter:206, 147, 216;--color-purple-light:171, 71, 188;--color-purple-default:142, 36, 170;--color-purple-dark:106, 27, 154;--color-purple-darker:62, 13, 121;--color-violet-lighter:179, 157, 219;--color-violet-light:126, 87, 194;--color-violet-default:94, 53, 177;--color-violet-dark:69, 39, 160;--color-violet-darker:41, 22, 127;--color-indigo-lighter:159, 168, 218;--color-indigo-light:92, 107, 192;--color-indigo-default:57, 73, 171;--color-indigo-dark:40, 53, 147;--color-indigo-darker:21, 30, 115;--color-blue-lighter:144, 202, 249;--color-blue-light:66, 165, 245;--color-blue-default:30, 136, 229;--color-blue-dark:21, 101, 192;--color-blue-darker:10, 60, 138;--color-sky-lighter:129, 212, 250;--color-sky-light:var(--lime-brand-color-simple-blue);--color-sky-default:3, 155, 229;--color-sky-dark:2, 119, 189;--color-sky-darker:1, 81, 144;--color-cyan-lighter:128, 222, 234;--color-cyan-light:38, 198, 218;--color-cyan-default:0, 172, 193;--color-cyan-dark:0, 131, 143;--color-cyan-darker:0, 89, 93;--color-teal-lighter:128, 203, 196;--color-teal-light:var(--lime-brand-color-flexible-turquoise);--color-teal-default:0, 137, 123;--color-teal-dark:0, 105, 92;--color-teal-darker:1, 82, 69;--color-green-lighter:165, 214, 167;--color-green-light:var(--lime-brand-color-lime-green);--color-green-default:67, 160, 71;--color-green-dark:46, 125, 50;--color-green-darker:32, 97, 37;--color-lime-lighter:197, 225, 165;--color-lime-light:156, 204, 101;--color-lime-default:124, 179, 66;--color-lime-dark:85, 139, 47;--color-lime-darker:43, 90, 25;--color-grass-lighter:230, 238, 156;--color-grass-light:212, 225, 87;--color-grass-default:192, 202, 51;--color-grass-dark:158, 157, 36;--color-grass-darker:119, 109, 19;--color-yellow-lighter:255, 245, 157;--color-yellow-light:255, 238, 88;--color-yellow-default:253, 216, 53;--color-yellow-dark:245, 200, 39;--color-yellow-darker:224, 180, 21;--color-amber-lighter:255, 224, 130;--color-amber-light:var(--lime-brand-color-yellow);--color-amber-default:var(--lime-brand-color-orange);--color-amber-dark:255, 143, 0;--color-amber-darker:222, 98, 2;--color-orange-lighter:255, 204, 128;--color-orange-light:255, 167, 38;--color-orange-default:251, 140, 0;--color-orange-dark:239, 108, 0;--color-orange-darker:216, 77, 1;--color-coral-lighter:255, 171, 145;--color-coral-light:var(--lime-brand-color-sellable-orange);--color-coral-default:244, 81, 30;--color-coral-dark:216, 67, 21;--color-coral-darker:181, 50, 10;--color-brown-lighter:188, 170, 164;--color-brown-light:141, 110, 99;--color-brown-default:109, 76, 65;--color-brown-dark:78, 52, 46;--color-brown-darker:51, 32, 28;--color-gray-lighter:238, 238, 238;--color-gray-light:var(--lime-brand-color-light-grey);--color-gray-default:117, 117, 117;--color-gray-dark:66, 66, 66;--color-gray-darker:33, 32, 32;--color-glaucous-lighter:159, 194, 208;--color-glaucous-light:110, 141, 156;--color-glaucous-default:68, 108, 128;--color-glaucous-dark:42, 87, 107;--color-glaucous-darker:34, 65, 80;}}.color-palette{grid-template-rows:repeat(5, 1fr) auto;grid-template-columns:repeat(20, 1fr) auto}.picker-trigger[style="--background:lime-magenta;"]:after,.chosen-color-preview[style="--background:lime-magenta;"]:after{background-color:var(--lime-magenta)}.picker-trigger[style="--background:lime-blue;"]:after,.chosen-color-preview[style="--background:lime-blue;"]:after{background-color:var(--lime-blue)}.picker-trigger[style="--background:lime-orange;"]:after,.chosen-color-preview[style="--background:lime-orange;"]:after{background-color:var(--lime-orange)}.picker-trigger[style="--background:lime-green;"]:after,.chosen-color-preview[style="--background:lime-green;"]:after{background-color:var(--lime-green)}.picker-trigger[style="--background:lime-red;"]:after,.chosen-color-preview[style="--background:lime-red;"]:after{background-color:var(--lime-red)}.picker-trigger[style="--background:lime-dark-blue;"]:after,.chosen-color-preview[style="--background:lime-dark-blue;"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style="--background:lime-turquoise;"]:after,.chosen-color-preview[style="--background:lime-turquoise;"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style="--background:lime-yellow;"]:after,.chosen-color-preview[style="--background:lime-yellow;"]:after{background-color:var(--lime-yellow)}.picker-trigger[style="--background:lime-light-grey;"]:after,.chosen-color-preview[style="--background:lime-light-grey;"]:after{background-color:var(--lime-light-grey)}:host{--popover-surface-width:50rem;--color-picker-default-background:url("data:image/svg+xml;charset=utf-8, <svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\' style=\'fill-rule:evenodd;\'><path fill-opacity=\'0.1\' d=\'M0 0h4v4H0zM4 4h4v4H4z\'/></svg>")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:"";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}:host{border-radius:0.75rem;background-color:rgb(var(--kompendium-contrast-300))}.color-picker-palette{display:grid;gap:0.25rem;grid-auto-flow:column;grid-template-columns:repeat(20, 1fr);grid-template-rows:repeat(4, 1fr) auto;margin:1rem}.chosen-color-name{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem}.chosen-color-preview{border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.swatch:not(.hue){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer}.swatch:not(.hue):hover{box-shadow:var(--button-shadow-hovered)}.swatch:not(.hue):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.swatch:not(.hue):focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.25rem rgb(var(--contrast-100)) inset}.swatch--selected{border-radius:50%}';let u=class{constructor(l){r(this,l),this.close=o(this,"close",7),this.open=!1,this.handleGlobalKeyPress=r=>{r.key===e&&(r.stopPropagation(),r.preventDefault(),this.close.emit())},this.portalId=c(),this.globalClickListener=this.globalClickListener.bind(this)}watchOpen(){this.setupGlobalHandlers()}componentWillLoad(){this.setupGlobalHandlers()}setupGlobalHandlers(){this.open?(document.addEventListener("click",this.globalClickListener,{capture:!0}),document.addEventListener("keyup",this.handleGlobalKeyPress)):(document.removeEventListener("click",this.globalClickListener),document.removeEventListener("keyup",this.handleGlobalKeyPress))}render(){const r=this.getCssProperties(),o=getComputedStyle(this.host).getPropertyValue("--popover-z-index");return l("div",{class:"trigger-anchor"},l("slot",{name:"trigger"}),l("limel-portal",{visible:this.open,containerId:this.portalId,containerStyle:{"z-index":o}},l("limel-popover-surface",{contentCollection:this.host.children,style:r})))}globalClickListener(r){const o=b(this.host,r.target);this.open&&!o&&(r.stopPropagation(),r.preventDefault(),this.close.emit())}getCssProperties(){const r=["--popover-surface-width","--popover-body-background-color","--popover-border-radius"],o=getComputedStyle(this.host),l=r.map((r=>o.getPropertyValue(r)));return t(r,l)}get host(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};u.style=".trigger-anchor{display:inline-block;position:relative}";export{s as limel_color_picker_palette,u as limel_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-44f9b6d5.js";import{c as r}from"./p-240fda3b.js";const s=new class{constructor(){this.cache={},this.resolveFunctions={}}async get(t,i=""){return this.cache[t]||(this.cache[t]=await this.getIcon(t,i)),this.cache[t]}getIcon(t,i){return new Promise((e=>{this.resolveFunctions[t]||(this.resolveFunctions[t]=[],this.fetchData(t,i)),this.resolveFunctions[t].push(e)}))}async fetchData(t,i){let e=i||"";i&&!i.endsWith("/")&&(e=`${i}/`);const r=await fetch(`${e}assets/icons/${t}.svg`);let s=await r.text();if(s=s.replace(/#000000/g,"currentColor"),!this.validSvg(s))throw new Error("Invalid SVG");this.resolvePromises(t,s)}validSvg(t){return"svg"===(new DOMParser).parseFromString(t,"image/svg+xml").documentElement.tagName.toLowerCase()}resolvePromises(t,i){this.resolveFunctions[t].forEach((t=>{t(i)})),this.resolveFunctions[t]=null}};let o=class{constructor(i){t(this,i)}componentDidLoad(){this.loadIcon(this.name)}render(){return i("div",{class:"container"})}async loadIcon(t){if(void 0===t||""===t)return;const i=await this.loadSvg(t);this.renderSvg(i)}loadSvg(t){return s.get(t,r.iconPath)}renderSvg(t){const i=this.host.shadowRoot.querySelector("div.container");i&&(i.innerHTML=t)}get host(){return e(this)}static get watchers(){return{name:["loadIcon"]}}};o.style=":host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host([hidden]){display:none}:host([size=x-small]){height:0.9375rem !important;width:0.9375rem !important}:host([size=small]){height:1.25rem !important;width:1.25rem !important}:host([size=medium]){height:1.5625rem !important;width:1.5625rem !important}:host([size=large]){height:1.875rem !important;width:1.875rem !important}:host([badge][size=x-small]){height:1.4375rem !important;width:1.4375rem !important}:host([badge][size=x-small])>div{margin:0.25rem}:host([badge][size=small]){height:1.875rem !important;width:1.875rem !important}:host([badge][size=small])>div{margin:0.3125rem}:host([badge][size=medium]){height:2.5rem !important;width:2.5rem !important}:host([badge][size=medium])>div{margin:0.5rem}:host([badge][size=large]){height:2.875rem !important;width:2.875rem !important}:host([badge][size=large])>div{margin:0.5rem}";export{o as limel_icon}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,g as n}from"./p-
|
|
1
|
+
import{r as t,c as o,h as e,g as n}from"./p-44f9b6d5.js";import{t as r}from"./p-3bf54a4c.js";import{M as i,a}from"./p-48d4ef20.js";import{c}from"./p-dcc97cc2.js";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2018 Google Inc.
|