@limetech/lime-elements 38.33.8 → 38.35.0

package/dist/lime-elements/{p-42e889d8.entry.js → p-ffedb0be.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as o}from"./p-288f0842.js";import{t as s}from"./p-5df2361b.js";function r(t,e){const i=t||e;if(!i){return"unknown"}const o=i.split(".").pop().toLowerCase();const s={pdf:"pdf",jpg:"image",jpeg:"image",heic:"image",bmp:"image",png:"image",gif:"image",svg:"image",svgz:"image",ep:"image",eps:"image",avi:"video",flv:"video",h264:"video",mov:"video",mp4:"video",mwv:"video",mkv:"video",mp3:"audio",wav:"audio",wma:"audio",ogg:"audio",txt:"text",json:"text",html:"text",xml:"text",doc:"office",docx:"office",odt:"office",dot:"office",dotx:"office",docm:"office",dotm:"office",pot:"office",ppt:"office",pptx:"office",odp:"office",potx:"office",potm:"office",pps:"office",ppsx:"office",ppsm:"office",pptm:"office",ppam:"office",pages:"office",xls:"office",xlsx:"office",xlsm:"office",xlsb:"office",ods:"office",csv:"office",numbers:"office"};return s[o]||"unknown"}class n{constructor(t){this.requestFullscreen=()=>{if(this.enter){this.enter()}};this.exitFullscreen=()=>{if(this.exit){this.exit.bind(window.document)()}};this.toggle=()=>{const t=window.document;const e=t.fullscreenElement||t.mozFullScreenElement||t.webkitFullscreenElement||t.msFullscreenElement;if(e){this.exitFullscreen()}else{this.requestFullscreen()}};this.enter=t.requestFullscreen||t.msRequestFullscreen||t.mozRequestFullScreen||t.webkitRequestFullscreen;this.enter=this.enter.bind(t);const e=window.document;this.exit=e.exitFullscreen||e.msExitFullscreen||e.mozCancelFullScreen||e.webkitExitFullscreen}isSupported(){return!!this.requestFullscreen}}const l='@charset "UTF-8";:host{isolation:isolate;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%}*{box-sizing:border-box}img,video,audio,object,iframe{max-height:100%;max-width:100%;box-sizing:border-box}iframe{border:none;width:100%;height:100%;min-height:20rem}img{min-width:7rem;object-fit:contain}video{width:100%;height:auto}audio{width:100%}object{width:100%;height:100%}object[type="application/pdf"]{min-height:20rem}object[type="text/plain"]{border-radius:0.25rem;padding-right:2rem;overflow-y:auto}:host(:fullscreen){background-color:rgb(var(--color-gray-darker))}:host(:fullscreen) object[type="text/plain"]{max-width:50rem;max-height:calc(100% - 2rem)}:host(:-webkit-full-screen){background-color:rgb(var(--color-gray-darker))}:host(:-webkit-full-screen) object[type="text/plain"]{max-width:50rem;max-height:calc(100% - 2rem)}.buttons{position:absolute;z-index:1;top:0.25rem;right:0.25rem;display:flex;flex-direction:column;gap:0.25rem}@media (pointer: coarse){.buttons{gap:0.5rem}}.no-support{display:flex;flex-direction:column;gap:0.5rem;align-items:center;border:1px dashed rgb(var(--contrast-600));border-radius:0.5rem;padding:1.25rem}.no-support h1,.no-support p{margin:0}[class^=button--]{all:unset;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal);display:flex;align-items:center;justify-content:center;border-radius:50%;width:2rem;height:2rem;background-color:rgba(var(--contrast-100), 0.8);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem)}[class^=button--]:hover,[class^=button--]:focus,[class^=button--]:focus-visible{will-change:color, background-color, box-shadow, transform}[class^=button--]:hover,[class^=button--]:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}[class^=button--]:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}[class^=button--]:hover,[class^=button--]:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}[class^=button--]:focus{outline:none}[class^=button--]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}[class^=button--] limel-icon{transition:color 0.2s ease;width:1.25rem;color:rgb(var(--contrast-1200))}[class^=button--]:hover limel-icon{color:rgb(var(--contrast-1400))}.action-menu-for-pdf-files,.action-menu-for-office-files{position:absolute;right:0.75rem}.action-menu-for-pdf-files{bottom:0.75rem}.action-menu-for-office-files{top:0.75rem}';const a=class{constructor(o){t(this,o);this.action=e(this,"action",7);this.renderPdf=()=>[i("div",{class:"action-menu-for-pdf-files"},this.renderActionMenu()),i("iframe",{src:this.sanitizeUrl(this.fileUrl),loading:"lazy"})];this.renderImage=()=>[this.renderButtons(),i("img",{src:this.sanitizeUrl(this.fileUrl),alt:this.alt,loading:"lazy"})];this.renderVideo=()=>i("video",{controls:true},i("source",{src:this.sanitizeUrl(this.fileUrl)}));this.renderAudio=()=>i("audio",{controls:true},i("source",{src:this.sanitizeUrl(this.fileUrl)}));this.renderText=()=>{const t=[this.renderNoFileSupportMessage()];return[this.renderButtons(),i("object",{data:this.sanitizeUrl(this.fileUrl),type:"text/plain"},t)]};this.renderOffice=()=>[i("div",{class:"action-menu-for-office-files"},this.renderActionMenu()),i("iframe",{src:this.getOfficeViewerUrl()+encodeURIComponent(this.sanitizeUrl(this.fileUrl))+"&embedded=true",loading:"lazy"})];this.isOfficeFileAccessibleViaURL=()=>this.fileType==="office"&&!(this.fileUrl.startsWith("http://")||this.fileUrl.startsWith("https://"));this.getOfficeViewerUrl=()=>{const t={"microsoft-office":"https://view.officeapps.live.com/op/embed.aspx?src=","google-drive":"https://docs.google.com/gview?url="};return t[this.officeViewer]};this.renderNoFileSupportMessage=()=>i("div",{class:"no-support",role:"alert"},i("h1",null,"⚠️"),i("p",null,this.getTranslation("file-viewer.message.unsupported-filetype")),i("p",{style:{textAlign:"center",margin:"0 auto"}},this.getTranslation("file-viewer.message.try-other-options")),this.renderDownloadButton());this.renderButtons=()=>i("div",{class:"buttons"},this.renderActionMenu(),this.renderToggleFullscreenButton(),this.renderDownloadButton(),this.renderOpenInNewTabButton());this.renderToggleFullscreenButton=()=>{if(!this.allowFullscreen||!this.fullscreen.isSupported()){return}const t=this.isFullscreen?"multiply":"fit_to_width";const e=this.isFullscreen?this.getTranslation("file-viewer.exit-fullscreen"):this.getTranslation("file-viewer.open-in-fullscreen");return[i("button",{class:"button--toggle-fullscreen",id:"tooltip-toggle-fullscreen",role:"button",onClick:this.handleToggleFullscreen},i("limel-icon",{name:t}),i("limel-tooltip",{label:e,elementId:"tooltip-toggle-fullscreen",openDirection:"left"}))]};this.renderDownloadButton=()=>{var t;if(!this.allowDownload||this.isFullscreen){return}return i("a",{class:"button--download",id:"tooltip-download",role:"button",download:(t=this.filename)!==null&&t!==void 0?t:"",href:this.sanitizeUrl(this.fileUrl),target:"_blank"},i("limel-icon",{name:"download_2"}),i("limel-tooltip",{label:this.getTranslation("file-viewer.download"),elementId:"tooltip-download",openDirection:"left"}))};this.renderOpenInNewTabButton=()=>{if(!this.allowOpenInNewTab||this.isFullscreen){return}return i("a",{class:"button--new-tab",id:"tooltip-new-tab",role:"button",href:this.sanitizeUrl(this.fileUrl),target:"_blank",rel:"noopener noreferrer"},i("limel-icon",{name:"external_link"}),i("limel-tooltip",{label:this.getTranslation("file-viewer.open-in-new-tab"),elementId:"tooltip-new-tab",openDirection:"left"}))};this.renderActionMenu=()=>{if(!this.actions||this.isFullscreen){return}return i("limel-menu",{class:"action-menu",items:this.actions,onSelect:this.emitOnAction,"open-direction":"left"},i("button",{class:"button--action",id:"tooltip-more",role:"button",slot:"trigger"},i("limel-icon",{name:"menu_2"}),i("limel-tooltip",{label:this.getTranslation("file-viewer.more-actions"),elementId:"tooltip-more",openDirection:"left"})))};this.createURL=async t=>{if(["pdf"].includes(t)){const t=await fetch(this.url);const e=await t.blob();this.fileUrl=URL.createObjectURL(e)}else{this.fileUrl=this.url}this.loading=false};this.handleToggleFullscreen=()=>{if(this.fullscreen.isSupported()){this.fullscreen.toggle();this.isFullscreen=!this.isFullscreen}};this.emitOnAction=t=>{t.stopPropagation();this.action.emit(t.detail)};this.url=undefined;this.filename=undefined;this.alt=undefined;this.allowFullscreen=false;this.allowOpenInNewTab=false;this.allowDownload=false;this.language="en";this.officeViewer="microsoft-office";this.actions=undefined;this.isFullscreen=false;this.fileType=undefined;this.loading=true;this.fileUrl="";this.fullscreen=new n(this.HostElement)}async componentWillLoad(){this.fileType=r(this.filename,this.url);await this.createURL(this.fileType)}render(){if(!this.isOfficeFileAccessibleViaURL){return this.renderNoFileSupportMessage()}if(this.loading){return i("limel-spinner",{size:"x-small",limeBranded:false})}return this.renderFileViewer()}async watchUrl(t,e){if(t===e){return}this.loading=true;this.fileType=r(this.filename,this.fileUrl);await this.createURL(this.fileType)}renderFileViewer(){const t={pdf:this.renderPdf,image:this.renderImage,video:this.renderVideo,audio:this.renderAudio,text:this.renderText,office:this.renderOffice};const e=t[this.fileType]||this.renderNoFileSupportMessage;return e()}sanitizeUrl(t){try{const e=new URL(t,window.location.href);const i=["http:","https:","blob:"];return i.includes(e.protocol)?e.href:""}catch(t){return""}}getTranslation(t){return s.get(t,this.language)}get HostElement(){return o(this)}static get watchers(){return{url:["watchUrl"]}}};a.style=l;export{a as limel_file_viewer};
-//# sourceMappingURL=p-42e889d8.entry.js.map
+import{r as t,c as e,h as i,g as o}from"./p-288f0842.js";import{t as s}from"./p-c582027f.js";function r(t,e){const i=t||e;if(!i){return"unknown"}const o=i.split(".").pop().toLowerCase();const s={pdf:"pdf",jpg:"image",jpeg:"image",heic:"image",bmp:"image",png:"image",gif:"image",svg:"image",svgz:"image",ep:"image",eps:"image",avi:"video",flv:"video",h264:"video",mov:"video",mp4:"video",mwv:"video",mkv:"video",mp3:"audio",wav:"audio",wma:"audio",ogg:"audio",txt:"text",json:"text",html:"text",xml:"text",doc:"office",docx:"office",odt:"office",dot:"office",dotx:"office",docm:"office",dotm:"office",pot:"office",ppt:"office",pptx:"office",odp:"office",potx:"office",potm:"office",pps:"office",ppsx:"office",ppsm:"office",pptm:"office",ppam:"office",pages:"office",xls:"office",xlsx:"office",xlsm:"office",xlsb:"office",ods:"office",csv:"office",numbers:"office"};return s[o]||"unknown"}class n{constructor(t){this.requestFullscreen=()=>{if(this.enter){this.enter()}};this.exitFullscreen=()=>{if(this.exit){this.exit.bind(window.document)()}};this.toggle=()=>{const t=window.document;const e=t.fullscreenElement||t.mozFullScreenElement||t.webkitFullscreenElement||t.msFullscreenElement;if(e){this.exitFullscreen()}else{this.requestFullscreen()}};this.enter=t.requestFullscreen||t.msRequestFullscreen||t.mozRequestFullScreen||t.webkitRequestFullscreen;this.enter=this.enter.bind(t);const e=window.document;this.exit=e.exitFullscreen||e.msExitFullscreen||e.mozCancelFullScreen||e.webkitExitFullscreen}isSupported(){return!!this.requestFullscreen}}const l='@charset "UTF-8";:host{isolation:isolate;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%}*{box-sizing:border-box}img,video,audio,object,iframe{max-height:100%;max-width:100%;box-sizing:border-box}iframe{border:none;width:100%;height:100%;min-height:20rem}img{min-width:7rem;object-fit:contain}video{width:100%;height:auto}audio{width:100%}object{width:100%;height:100%}object[type="application/pdf"]{min-height:20rem}object[type="text/plain"]{border-radius:0.25rem;padding-right:2rem;overflow-y:auto}:host(:fullscreen){background-color:rgb(var(--color-gray-darker))}:host(:fullscreen) object[type="text/plain"]{max-width:50rem;max-height:calc(100% - 2rem)}:host(:-webkit-full-screen){background-color:rgb(var(--color-gray-darker))}:host(:-webkit-full-screen) object[type="text/plain"]{max-width:50rem;max-height:calc(100% - 2rem)}.buttons{position:absolute;z-index:1;top:0.25rem;right:0.25rem;display:flex;flex-direction:column;gap:0.25rem}@media (pointer: coarse){.buttons{gap:0.5rem}}.no-support{display:flex;flex-direction:column;gap:0.5rem;align-items:center;border:1px dashed rgb(var(--contrast-600));border-radius:0.5rem;padding:1.25rem}.no-support h1,.no-support p{margin:0}[class^=button--]{all:unset;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal);display:flex;align-items:center;justify-content:center;border-radius:50%;width:2rem;height:2rem;background-color:rgba(var(--contrast-100), 0.8);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem)}[class^=button--]:hover,[class^=button--]:focus,[class^=button--]:focus-visible{will-change:color, background-color, box-shadow, transform}[class^=button--]:hover,[class^=button--]:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}[class^=button--]:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}[class^=button--]:hover,[class^=button--]:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}[class^=button--]:focus{outline:none}[class^=button--]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}[class^=button--] limel-icon{transition:color 0.2s ease;width:1.25rem;color:rgb(var(--contrast-1200))}[class^=button--]:hover limel-icon{color:rgb(var(--contrast-1400))}.action-menu-for-pdf-files,.action-menu-for-office-files{position:absolute;right:0.75rem}.action-menu-for-pdf-files{bottom:0.75rem}.action-menu-for-office-files{top:0.75rem}';const a=class{constructor(o){t(this,o);this.action=e(this,"action",7);this.renderPdf=()=>[i("div",{class:"action-menu-for-pdf-files"},this.renderActionMenu()),i("iframe",{src:this.sanitizeUrl(this.fileUrl),loading:"lazy"})];this.renderImage=()=>[this.renderButtons(),i("img",{src:this.sanitizeUrl(this.fileUrl),alt:this.alt,loading:"lazy"})];this.renderVideo=()=>i("video",{controls:true},i("source",{src:this.sanitizeUrl(this.fileUrl)}));this.renderAudio=()=>i("audio",{controls:true},i("source",{src:this.sanitizeUrl(this.fileUrl)}));this.renderText=()=>{const t=[this.renderNoFileSupportMessage()];return[this.renderButtons(),i("object",{data:this.sanitizeUrl(this.fileUrl),type:"text/plain"},t)]};this.renderOffice=()=>[i("div",{class:"action-menu-for-office-files"},this.renderActionMenu()),i("iframe",{src:this.getOfficeViewerUrl()+encodeURIComponent(this.sanitizeUrl(this.fileUrl))+"&embedded=true",loading:"lazy"})];this.isOfficeFileAccessibleViaURL=()=>this.fileType==="office"&&!(this.fileUrl.startsWith("http://")||this.fileUrl.startsWith("https://"));this.getOfficeViewerUrl=()=>{const t={"microsoft-office":"https://view.officeapps.live.com/op/embed.aspx?src=","google-drive":"https://docs.google.com/gview?url="};return t[this.officeViewer]};this.renderNoFileSupportMessage=()=>i("div",{class:"no-support",role:"alert"},i("h1",null,"⚠️"),i("p",null,this.getTranslation("file-viewer.message.unsupported-filetype")),i("p",{style:{textAlign:"center",margin:"0 auto"}},this.getTranslation("file-viewer.message.try-other-options")),this.renderDownloadButton());this.renderButtons=()=>i("div",{class:"buttons"},this.renderActionMenu(),this.renderToggleFullscreenButton(),this.renderDownloadButton(),this.renderOpenInNewTabButton());this.renderToggleFullscreenButton=()=>{if(!this.allowFullscreen||!this.fullscreen.isSupported()){return}const t=this.isFullscreen?"multiply":"fit_to_width";const e=this.isFullscreen?this.getTranslation("file-viewer.exit-fullscreen"):this.getTranslation("file-viewer.open-in-fullscreen");return[i("button",{class:"button--toggle-fullscreen",id:"tooltip-toggle-fullscreen",role:"button",onClick:this.handleToggleFullscreen},i("limel-icon",{name:t}),i("limel-tooltip",{label:e,elementId:"tooltip-toggle-fullscreen",openDirection:"left"}))]};this.renderDownloadButton=()=>{var t;if(!this.allowDownload||this.isFullscreen){return}return i("a",{class:"button--download",id:"tooltip-download",role:"button",download:(t=this.filename)!==null&&t!==void 0?t:"",href:this.sanitizeUrl(this.fileUrl),target:"_blank"},i("limel-icon",{name:"download_2"}),i("limel-tooltip",{label:this.getTranslation("file-viewer.download"),elementId:"tooltip-download",openDirection:"left"}))};this.renderOpenInNewTabButton=()=>{if(!this.allowOpenInNewTab||this.isFullscreen){return}return i("a",{class:"button--new-tab",id:"tooltip-new-tab",role:"button",href:this.sanitizeUrl(this.fileUrl),target:"_blank",rel:"noopener noreferrer"},i("limel-icon",{name:"external_link"}),i("limel-tooltip",{label:this.getTranslation("file-viewer.open-in-new-tab"),elementId:"tooltip-new-tab",openDirection:"left"}))};this.renderActionMenu=()=>{if(!this.actions||this.isFullscreen){return}return i("limel-menu",{class:"action-menu",items:this.actions,onSelect:this.emitOnAction,"open-direction":"left"},i("button",{class:"button--action",id:"tooltip-more",role:"button",slot:"trigger"},i("limel-icon",{name:"menu_2"}),i("limel-tooltip",{label:this.getTranslation("file-viewer.more-actions"),elementId:"tooltip-more",openDirection:"left"})))};this.createURL=async t=>{if(["pdf"].includes(t)){const t=await fetch(this.url);const e=await t.blob();this.fileUrl=URL.createObjectURL(e)}else{this.fileUrl=this.url}this.loading=false};this.handleToggleFullscreen=()=>{if(this.fullscreen.isSupported()){this.fullscreen.toggle();this.isFullscreen=!this.isFullscreen}};this.emitOnAction=t=>{t.stopPropagation();this.action.emit(t.detail)};this.url=undefined;this.filename=undefined;this.alt=undefined;this.allowFullscreen=false;this.allowOpenInNewTab=false;this.allowDownload=false;this.language="en";this.officeViewer="microsoft-office";this.actions=undefined;this.isFullscreen=false;this.fileType=undefined;this.loading=true;this.fileUrl="";this.fullscreen=new n(this.HostElement)}async componentWillLoad(){this.fileType=r(this.filename,this.url);await this.createURL(this.fileType)}render(){if(!this.isOfficeFileAccessibleViaURL){return this.renderNoFileSupportMessage()}if(this.loading){return i("limel-spinner",{size:"x-small",limeBranded:false})}return this.renderFileViewer()}async watchUrl(t,e){if(t===e){return}this.loading=true;this.fileType=r(this.filename,this.fileUrl);await this.createURL(this.fileType)}renderFileViewer(){const t={pdf:this.renderPdf,image:this.renderImage,video:this.renderVideo,audio:this.renderAudio,text:this.renderText,office:this.renderOffice};const e=t[this.fileType]||this.renderNoFileSupportMessage;return e()}sanitizeUrl(t){try{const e=new URL(t,window.location.href);const i=["http:","https:","blob:"];return i.includes(e.protocol)?e.href:""}catch(t){return""}}getTranslation(t){return s.get(t,this.language)}get HostElement(){return o(this)}static get watchers(){return{url:["watchUrl"]}}};a.style=l;export{a as limel_file_viewer};
+//# sourceMappingURL=p-ffedb0be.entry.js.map

package/dist/types/components/chart/chart.d.ts

@@ -24,6 +24,7 @@ import { ChartItem } from './chart.types';
  * @exampleComponent limel-example-chart-axis-increment
  * @exampleComponent limel-example-chart-clickable-items
  * @exampleComponent limel-example-chart-accessibility
+ * @exampleComponent limel-example-chart-axis-labels
  * @exampleComponent limel-example-chart-styling
  * @exampleComponent limel-example-chart-creative-styling
  * @beta
@@ -42,8 +43,20 @@ export declare class Chart {
   /**
    * Helps users of assistive technologies to understand
    * what the items in the chart represent.
+   * Defaults to the translation for "items" in the current language.
    */
   accessibleItemsLabel?: string;
+  /**
+   * Helps users of assistive technologies to understand
+   * what the values in the chart represent.
+   * Defaults to the translation for "value" in the current language.
+   */
+  accessibleValuesLabel?: string;
+  /**
+   * When set to true, renders visible labels for X and Y axes.
+   * Only affects chart types with X and Y axes, such as area, bar, and line charts.
+   */
+  displayAxisLabels: boolean;
   /**
    * List of items in the chart,
    * each representing a data point.

package/dist/types/components/code-editor/code-editor.d.ts

@@ -16,6 +16,7 @@ import 'codemirror/addon/fold/xml-fold';
  * @exampleComponent limel-example-code-editor
  * @exampleComponent limel-example-code-editor-readonly-with-line-numbers
  * @exampleComponent limel-example-code-editor-fold-lint-wrap
+ * @exampleComponent limel-example-code-editor-composite
  */
 export declare class CodeEditor {
   /**
@@ -27,9 +28,35 @@ export declare class CodeEditor {
    */
   language: Language;
   /**
-   * Disables editing of the editor content
+   * Set to `true` to make the editor read-only.
+   * Use `readonly` when the editor is only there to present the data it holds,
+   * and will not become possible for the current user to edit.
    */
   readonly: boolean;
+  /**
+   * Set to `true` to disable the editor.
+   * Use `disabled` to indicate that the editor can normally be interacted
+   * with, but is currently disabled. This tells the user that if certain
+   * requirements are met, the editor may become enabled again.
+   */
+  disabled: boolean;
+  /**
+   * Set to `true` to indicate that the current value of the input editor is
+   * invalid.
+   */
+  invalid: boolean;
+  /**
+   * Set to `true` to indicate that the field is required.
+   */
+  required: boolean;
+  /**
+   * The input label.
+   */
+  label?: string;
+  /**
+   * Optional helper text to display below the input field when it has focus
+   */
+  helperText?: string;
   /**
    * Displays line numbers in the editor
    */
@@ -63,10 +90,18 @@ export declare class CodeEditor {
   protected random: number;
   private editor;
   private observer;
+  private labelId;
+  private helperTextId;
+  constructor();
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;
   protected watchValue(newValue: string): void;
+  protected watchDisabled(): void;
+  protected watchReadonly(): void;
+  protected watchInvalid(): void;
+  protected watchRequired(): void;
+  protected watchHelperText(): void;
   private handleChangeDarkMode;
   private handleChange;
   private handleResize;
@@ -74,7 +109,11 @@ export declare class CodeEditor {
   private getOptions;
   private isDarkMode;
   render(): any;
+  private renderHelperLine;
   private forceRedraw;
   private get darkMode();
+  private updateEditorReadOnlyState;
+  private getReadOnlyOption;
+  private updateInputFieldAccessibilityAttributes;
 }
 //# sourceMappingURL=code-editor.d.ts.map

package/dist/types/components.d.ts

@@ -472,23 +472,32 @@ export namespace Components {
      * @exampleComponent limel-example-chart-axis-increment
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
+     * @exampleComponent limel-example-chart-axis-labels
      * @exampleComponent limel-example-chart-styling
      * @exampleComponent limel-example-chart-creative-styling
      * @beta 
      */
     interface LimelChart {
         /**
-          * Helps users of assistive technologies to understand what the items in the chart represent.
+          * Helps users of assistive technologies to understand what the items in the chart represent. Defaults to the translation for "items" in the current language.
          */
         "accessibleItemsLabel"?: string;
         /**
           * Helps users of assistive technologies to understand the context of the chart, and what is being displayed.
          */
         "accessibleLabel"?: string;
+        /**
+          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language.
+         */
+        "accessibleValuesLabel"?: string;
         /**
           * Specifies the increment for the axis lines.
          */
         "axisIncrement"?: number;
+        /**
+          * When set to true, renders visible labels for X and Y axes. Only affects chart types with X and Y axes, such as area, bar, and line charts.
+         */
+        "displayAxisLabels": boolean;
         /**
           * List of items in the chart, each representing a data point.
          */
@@ -865,16 +874,33 @@ export namespace Components {
      * @exampleComponent limel-example-code-editor
      * @exampleComponent limel-example-code-editor-readonly-with-line-numbers
      * @exampleComponent limel-example-code-editor-fold-lint-wrap
+     * @exampleComponent limel-example-code-editor-composite
      */
     interface LimelCodeEditor {
         /**
           * Select color scheme for the editor
          */
         "colorScheme": ColorScheme;
+        /**
+          * Set to `true` to disable the editor. Use `disabled` to indicate that the editor can normally be interacted with, but is currently disabled. This tells the user that if certain requirements are met, the editor may become enabled again.
+         */
+        "disabled": boolean;
         /**
           * Allows the user to fold code
          */
         "fold": boolean;
+        /**
+          * Optional helper text to display below the input field when it has focus
+         */
+        "helperText"?: string;
+        /**
+          * Set to `true` to indicate that the current value of the input editor is invalid.
+         */
+        "invalid": boolean;
+        /**
+          * The input label.
+         */
+        "label"?: string;
         /**
           * The language of the code
          */
@@ -892,9 +918,13 @@ export namespace Components {
          */
         "lint": boolean;
         /**
-          * Disables editing of the editor content
+          * Set to `true` to make the editor read-only. Use `readonly` when the editor is only there to present the data it holds, and will not become possible for the current user to edit.
          */
         "readonly": boolean;
+        /**
+          * Set to `true` to indicate that the field is required.
+         */
+        "required": boolean;
         /**
           * The code to be rendered
          */
@@ -3798,6 +3828,7 @@ declare global {
      * @exampleComponent limel-example-chart-axis-increment
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
+     * @exampleComponent limel-example-chart-axis-labels
      * @exampleComponent limel-example-chart-styling
      * @exampleComponent limel-example-chart-creative-styling
      * @beta 
@@ -3955,6 +3986,7 @@ declare global {
      * @exampleComponent limel-example-code-editor
      * @exampleComponent limel-example-code-editor-readonly-with-line-numbers
      * @exampleComponent limel-example-code-editor-fold-lint-wrap
+     * @exampleComponent limel-example-code-editor-composite
      */
     interface HTMLLimelCodeEditorElement extends Components.LimelCodeEditor, HTMLStencilElement {
     }
@@ -5650,23 +5682,32 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-chart-axis-increment
      * @exampleComponent limel-example-chart-clickable-items
      * @exampleComponent limel-example-chart-accessibility
+     * @exampleComponent limel-example-chart-axis-labels
      * @exampleComponent limel-example-chart-styling
      * @exampleComponent limel-example-chart-creative-styling
      * @beta 
      */
     interface LimelChart {
         /**
-          * Helps users of assistive technologies to understand what the items in the chart represent.
+          * Helps users of assistive technologies to understand what the items in the chart represent. Defaults to the translation for "items" in the current language.
          */
         "accessibleItemsLabel"?: string;
         /**
           * Helps users of assistive technologies to understand the context of the chart, and what is being displayed.
          */
         "accessibleLabel"?: string;
+        /**
+          * Helps users of assistive technologies to understand what the values in the chart represent. Defaults to the translation for "value" in the current language.
+         */
+        "accessibleValuesLabel"?: string;
         /**
           * Specifies the increment for the axis lines.
          */
         "axisIncrement"?: number;
+        /**
+          * When set to true, renders visible labels for X and Y axes. Only affects chart types with X and Y axes, such as area, bar, and line charts.
+         */
+        "displayAxisLabels"?: boolean;
         /**
           * List of items in the chart, each representing a data point.
          */
@@ -6063,16 +6104,33 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-code-editor
      * @exampleComponent limel-example-code-editor-readonly-with-line-numbers
      * @exampleComponent limel-example-code-editor-fold-lint-wrap
+     * @exampleComponent limel-example-code-editor-composite
      */
     interface LimelCodeEditor {
         /**
           * Select color scheme for the editor
          */
         "colorScheme"?: ColorScheme;
+        /**
+          * Set to `true` to disable the editor. Use `disabled` to indicate that the editor can normally be interacted with, but is currently disabled. This tells the user that if certain requirements are met, the editor may become enabled again.
+         */
+        "disabled"?: boolean;
         /**
           * Allows the user to fold code
          */
         "fold"?: boolean;
+        /**
+          * Optional helper text to display below the input field when it has focus
+         */
+        "helperText"?: string;
+        /**
+          * Set to `true` to indicate that the current value of the input editor is invalid.
+         */
+        "invalid"?: boolean;
+        /**
+          * The input label.
+         */
+        "label"?: string;
         /**
           * The language of the code
          */
@@ -6094,9 +6152,13 @@ declare namespace LocalJSX {
          */
         "onChange"?: (event: LimelCodeEditorCustomEvent<string>) => void;
         /**
-          * Disables editing of the editor content
+          * Set to `true` to make the editor read-only. Use `readonly` when the editor is only there to present the data it holds, and will not become possible for the current user to edit.
          */
         "readonly"?: boolean;
+        /**
+          * Set to `true` to indicate that the field is required.
+         */
+        "required"?: boolean;
         /**
           * The code to be rendered
          */
@@ -9137,6 +9199,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-chart-axis-increment
              * @exampleComponent limel-example-chart-clickable-items
              * @exampleComponent limel-example-chart-accessibility
+             * @exampleComponent limel-example-chart-axis-labels
              * @exampleComponent limel-example-chart-styling
              * @exampleComponent limel-example-chart-creative-styling
              * @beta 
@@ -9269,6 +9332,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-code-editor
              * @exampleComponent limel-example-code-editor-readonly-with-line-numbers
              * @exampleComponent limel-example-code-editor-fold-lint-wrap
+             * @exampleComponent limel-example-code-editor-composite
              */
             "limel-code-editor": LocalJSX.LimelCodeEditor & JSXBase.HTMLAttributes<HTMLLimelCodeEditorElement>;
             /**

package/dist/types/translations/da.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   cancel: string;
   loading: string;
   value: string;
+  items: string;
   'action-bar.collapse': string;
   'action-bar.expand': string;
   'action-bar.actions': string;

package/dist/types/translations/de.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   cancel: string;
   loading: string;
   value: string;
+  items: string;
   'action-bar.collapse': string;
   'action-bar.expand': string;
   'action-bar.actions': string;

package/dist/types/translations/en.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   cancel: string;
   loading: string;
   value: string;
+  items: string;
   'action-bar.collapse': string;
   'action-bar.expand': string;
   'action-bar.actions': string;

package/dist/types/translations/fi.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   cancel: string;
   loading: string;
   value: string;
+  items: string;
   'action-bar.collapse': string;
   'action-bar.expand': string;
   'action-bar.actions': string;

package/dist/types/translations/fr.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   cancel: string;
   loading: string;
   value: string;
+  items: string;
   'action-bar.collapse': string;
   'action-bar.expand': string;
   'action-bar.actions': string;

package/dist/types/translations/nl.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   cancel: string;
   loading: string;
   value: string;
+  items: string;
   'action-bar.collapse': string;
   'action-bar.expand': string;
   'action-bar.actions': string;

package/dist/types/translations/no.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   cancel: string;
   loading: string;
   value: string;
+  items: string;
   'action-bar.collapse': string;
   'action-bar.expand': string;
   'action-bar.actions': string;

package/dist/types/translations/sv.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
   cancel: string;
   loading: string;
   value: string;
+  items: string;
   'action-bar.collapse': string;
   'action-bar.expand': string;
   'action-bar.actions': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "38.33.8",
+  "version": "38.35.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",