@limetech/lime-crm-building-blocks 1.116.0 → 1.116.2

package/dist/components/limebb-date-range.js

@@ -1,83 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './date-picker.js';
-
-const dateRangeCss = ":host(limebb-date-range){isolation:isolate;display:block;position:relative}*{box-sizing:border-box}.date-pickers{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));gap:0.5rem;padding:0.75rem 1rem 1.25rem 1rem}.label-group{display:flex;align-items:center;margin-bottom:0.25rem}.end-time .label-group{flex-direction:row-reverse}.label-group .label{font-size:0.75rem;padding:0 0.25rem}.label-group .circle{flex-shrink:0;width:0.5rem;height:0.5rem;border-radius:50%}.start-time .label-group .circle{background-color:rgb(var(--color-green-default))}.end-time .label-group .circle{background-color:rgb(var(--color-coral-default))}.label-group .line{flex-grow:1;height:0.25rem;border-radius:1rem}.start-time .label-group .line{background-image:linear-gradient(to right, rgb(var(--color-green-light)), rgb(var(--contrast-400)) 30%)}.end-time .label-group .line{background-image:linear-gradient(to left, rgb(var(--color-coral-light)), rgb(var(--contrast-400)) 30%)}.date-pickers:has(>:last-child:nth-child(2)) .start-time .line{margin-right:-0.5rem}.date-pickers:has(>:last-child:nth-child(2)) .end-time .line{margin-left:-0.5rem}";
-const LimebbDateRangeStyle0 = dateRangeCss;
-
-const DateRange = /*@__PURE__*/ proxyCustomElement(class DateRange extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.changeStartTime = createEvent(this, "changeStartTime", 7);
-        this.changeEndTime = createEvent(this, "changeEndTime", 7);
-        this.handleStartTimeChange = (event) => {
-            event.stopPropagation();
-            this.changeStartTime.emit(event.detail);
-        };
-        this.handleEndTimeChange = (event) => {
-            event.stopPropagation();
-            this.changeEndTime.emit(event.detail);
-        };
-    }
-    componentWillLoad() {
-        this.originalStartTime = this.startTime;
-        this.originalEndTime = this.endTime;
-    }
-    render() {
-        return (h("div", { key: '8424fac6160776909ab0c809fdf01d5c32dd447f', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
-    }
-    renderStartDatePicker() {
-        if (!this.originalStartTime) {
-            return;
-        }
-        return (h("div", { class: "start-time" }, this.renderDatePicker(this.startTimeLabel, this.startTime, !this.startTime, this.handleStartTimeChange)));
-    }
-    renderEndDatePicker() {
-        if (!this.originalEndTime) {
-            return;
-        }
-        return (h("div", { class: "end-time" }, this.renderDatePicker(this.endTimeLabel, this.endTime, !this.endTime, this.handleEndTimeChange)));
-    }
-    renderDatePicker(label, value, isInvalid, onChangeHandler) {
-        const datePicker = this.platform && (h("limebb-date-picker", { platform: this.platform, context: this.context, type: this.type, value: value, onChange: onChangeHandler, invalid: isInvalid }));
-        return [
-            h("div", { class: "label-group" }, h("span", { class: "circle" }), h("span", { class: "label" }, label), h("span", { class: "line" })),
-            datePicker || (h("limel-date-picker", { type: this.type, value: value, format: this.timeFormat, language: this.language, onChange: onChangeHandler, invalid: isInvalid })),
-        ];
-    }
-    static get style() { return LimebbDateRangeStyle0; }
-}, [1, "limebb-date-range", {
-        "platform": [16],
-        "context": [16],
-        "startTime": [16],
-        "endTime": [16],
-        "startTimeLabel": [1, "start-time-label"],
-        "endTimeLabel": [1, "end-time-label"],
-        "language": [1],
-        "timeFormat": [1, "time-format"],
-        "type": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-date-range", "limebb-date-picker"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-date-range":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DateRange);
-            }
-            break;
-        case "limebb-date-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const LimebbDateRange = DateRange;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbDateRange, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,transformTag as a}from"@stencil/core/internal/client";import{d as l}from"./date-picker.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.changeStartTime=i(this,"changeStartTime",7),this.changeEndTime=i(this,"changeEndTime",7),this.handleStartTimeChange=e=>{e.stopPropagation(),this.changeStartTime.emit(e.detail)},this.handleEndTimeChange=e=>{e.stopPropagation(),this.changeEndTime.emit(e.detail)}}componentWillLoad(){this.originalStartTime=this.startTime,this.originalEndTime=this.endTime}render(){return r("div",{key:"0eab8abe9007384af9e7fcd56f8ac37c4aeb6b39",class:"date-pickers"},this.renderStartDatePicker(),this.renderEndDatePicker())}renderStartDatePicker(){if(this.originalStartTime)return r("div",{class:"start-time"},this.renderDatePicker(this.startTimeLabel,this.startTime,!this.startTime,this.handleStartTimeChange))}renderEndDatePicker(){if(this.originalEndTime)return r("div",{class:"end-time"},this.renderDatePicker(this.endTimeLabel,this.endTime,!this.endTime,this.handleEndTimeChange))}renderDatePicker(e,t,i,a){const l=this.platform&&r("limebb-date-picker",{platform:this.platform,context:this.context,type:this.type,value:t,onChange:a,invalid:i});return[r("div",{class:"label-group"},r("span",{class:"circle"}),r("span",{class:"label"},e),r("span",{class:"line"})),l||r("limel-date-picker",{type:this.type,value:t,format:this.timeFormat,language:this.language,onChange:a,invalid:i})]}static get style(){return":host(limebb-date-range){isolation:isolate;display:block;position:relative}*{box-sizing:border-box}.date-pickers{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));gap:0.5rem;padding:0.75rem 1rem 1.25rem 1rem}.label-group{display:flex;align-items:center;margin-bottom:0.25rem}.end-time .label-group{flex-direction:row-reverse}.label-group .label{font-size:0.75rem;padding:0 0.25rem}.label-group .circle{flex-shrink:0;width:0.5rem;height:0.5rem;border-radius:50%}.start-time .label-group .circle{background-color:rgb(var(--color-green-default))}.end-time .label-group .circle{background-color:rgb(var(--color-coral-default))}.label-group .line{flex-grow:1;height:0.25rem;border-radius:1rem}.start-time .label-group .line{background-image:linear-gradient(to right, rgb(var(--color-green-light)), rgb(var(--contrast-400)) 30%)}.end-time .label-group .line{background-image:linear-gradient(to left, rgb(var(--color-coral-light)), rgb(var(--contrast-400)) 30%)}.date-pickers:has(>:last-child:nth-child(2)) .start-time .line{margin-right:-0.5rem}.date-pickers:has(>:last-child:nth-child(2)) .end-time .line{margin-left:-0.5rem}"}},[1,"limebb-date-range",{platform:[16],context:[16],startTime:[16],endTime:[16],startTimeLabel:[1,"start-time-label"],endTimeLabel:[1,"end-time-label"],language:[1],timeFormat:[1,"time-format"],type:[1]}]),n=s,o=function(){"undefined"!=typeof customElements&&["limebb-date-range","limebb-date-picker"].forEach((e=>{switch(e){case"limebb-date-range":customElements.get(a(e))||customElements.define(a(e),s);break;case"limebb-date-picker":customElements.get(a(e))||l()}}))};export{n as LimebbDateRange,o as defineCustomElement}

package/dist/components/limebb-document-chips.js

@@ -1,437 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getPreviewType } from './extension-mapping.js';
-import { g as getFileExtension, d as defineCustomElement$2 } from './summary-popover.js';
-import { d as defineCustomElement$3 } from './navigation-button.js';
-
-// Copy of file icon names from lime-elements.
-// Source: lime-elements/src/components/file/icons.ts
-//
-// Stencil doesn't support exporting utility functions from a component
-// library, so we duplicate them here until a proper shared solution exists.
-const DEFAULT_ICON = 'file';
-const CALENDAR_ICON = 'tear_off_calendar';
-const EMAIL_ICON = 'email';
-const HTML_ICON = 'internet';
-const TEXT_ICON = 'text_box';
-const EXCEL_ICON = 'ms_excel_copyrighted';
-const WORD_ICON = 'ms_word_copyrighted';
-const POWERPOINT_ICON = 'ms_powerpoint_copyrighted';
-const IMAGE_ICON = 'picture';
-const PHOTO_ICON = 'camera';
-const VECTOR_GRAPHIC_ICON = 'vector';
-const PRESENTATION_ICON = 'presentation_filled';
-const DOCUMENT_ICON = 'overview_pages_2';
-const SPREADSHEET_ICON = 'data_sheet';
-const AUDIO_ICON = 'audio_wave';
-const VIDEO_ICON = 'video_file';
-const COMPRESSED_ICON = 'condom_package';
-const MESSAGE_ICON = 'ms_outlook_copyrighted';
-const DATA_ICON = 'database';
-const DEFAULT_FILE_ICON = DEFAULT_ICON;
-const filetypeIconTable = {
-    msg: MESSAGE_ICON,
-    ics: CALENDAR_ICON,
-    ical: CALENDAR_ICON,
-    icalendar: CALENDAR_ICON,
-    ifb: CALENDAR_ICON,
-    email: EMAIL_ICON,
-    eml: EMAIL_ICON,
-    oft: EMAIL_ICON,
-    ost: EMAIL_ICON,
-    emlx: EMAIL_ICON,
-    html: HTML_ICON,
-    xml: HTML_ICON,
-    txt: TEXT_ICON,
-    rtf: TEXT_ICON,
-    dot: WORD_ICON,
-    doc: WORD_ICON,
-    docx: WORD_ICON,
-    dotx: WORD_ICON,
-    docm: WORD_ICON,
-    dotm: WORD_ICON,
-    odt: DOCUMENT_ICON,
-    pages: DOCUMENT_ICON,
-    pdf: 'PDF_2',
-    ppt: POWERPOINT_ICON,
-    pot: POWERPOINT_ICON,
-    pps: POWERPOINT_ICON,
-    pptx: POWERPOINT_ICON,
-    pptm: POWERPOINT_ICON,
-    potx: POWERPOINT_ICON,
-    potm: POWERPOINT_ICON,
-    ppam: POWERPOINT_ICON,
-    ppsx: POWERPOINT_ICON,
-    ppsm: POWERPOINT_ICON,
-    sldx: POWERPOINT_ICON,
-    sldm: POWERPOINT_ICON,
-    odp: PRESENTATION_ICON,
-    key: PRESENTATION_ICON,
-    xls: EXCEL_ICON,
-    xlsx: EXCEL_ICON,
-    csv: SPREADSHEET_ICON,
-    numbers: SPREADSHEET_ICON,
-    jpg: PHOTO_ICON,
-    jpeg: PHOTO_ICON,
-    heic: PHOTO_ICON,
-    bmp: IMAGE_ICON,
-    png: IMAGE_ICON,
-    gif: IMAGE_ICON,
-    psd: 'adobe_photoshop_copyrighted',
-    ai: 'adobe_illustrator_copyrighted',
-    svg: VECTOR_GRAPHIC_ICON,
-    svgz: VECTOR_GRAPHIC_ICON,
-    ep: VECTOR_GRAPHIC_ICON,
-    eps: VECTOR_GRAPHIC_ICON,
-    sketch: VECTOR_GRAPHIC_ICON,
-    mp3: AUDIO_ICON,
-    wav: AUDIO_ICON,
-    wma: AUDIO_ICON,
-    ogg: AUDIO_ICON,
-    avi: VIDEO_ICON,
-    flv: VIDEO_ICON,
-    h264: VIDEO_ICON,
-    mov: VIDEO_ICON,
-    mp4: VIDEO_ICON,
-    mwv: VIDEO_ICON,
-    zip: COMPRESSED_ICON,
-    '7z': COMPRESSED_ICON,
-    rar: COMPRESSED_ICON,
-    json: 'json',
-    yaml: DATA_ICON,
-    sql: DATA_ICON,
-    db: DATA_ICON,
-    dbf: DATA_ICON,
-};
-
-// Copy of file icon fill colors from lime-elements.
-// Source: lime-elements/src/components/file/icon-fill-colors.ts
-//
-// Stencil doesn't support exporting utility functions from a component
-// library, so we duplicate them here until a proper shared solution exists.
-const DEFAULT_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';
-const CALENDAR_ICON_FILL_COLOR = 'rgb(var(--color-cyan-dark))';
-const EMAIL_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';
-const HTML_ICON_FILL_COLOR = 'rgb(var(--color-blue-dark))';
-const TEXT_ICON_FILL_COLOR = 'rgb(var(--color-yellow-darker))';
-const EXCEL_ICON_FILL_COLOR = 'rgb(var(--color-green-dark))';
-const POWERPOINT_ICON_FILL_COLOR = 'rgb(var(--color-coral-dark))';
-const WORD_ICON_FILL_COLOR = 'rgb(var(--color-sky-dark))';
-const IMAGE_ICON_FILL_COLOR = 'rgb(var(--color-lime-dark))';
-const VECTOR_GRAPHIC_FILL_COLOR = 'rgb(var(--color-magenta-dark))';
-const PRESENTATION_ICON_FILL_COLOR = 'rgb(var(--color-blue-dark))';
-const DOCUMENT_ICON_FILL_COLOR = 'rgb(var(--color-orange-dark))';
-const SPREADSHEET_ICON_FILL_COLOR = 'rgb(var(--color-green-dark))';
-const AUDIO_ICON_FILL_COLOR = 'rgb(var(--color-indigo-dark))';
-const VIDEO_ICON_FILL_COLOR = 'rgb(var(--color-red-dark))';
-const COMPRESSED_ICON_FILL_COLOR = 'rgb(var(--color-brown-default))';
-const MESSAGE_ICON_FILL_COLOR = 'rgb(var(--color-yellow-dark))';
-const PDF_ICON_FILL_COLOR = 'rgb(var(--color-red-dark))';
-const DATA_ICON_FILL_COLOR = 'rgb(var(--color-glaucous-dark))';
-const DEFAULT_ICON_FILL = DEFAULT_ICON_FILL_COLOR;
-const filetypeFillColorTable = {
-    msg: MESSAGE_ICON_FILL_COLOR,
-    ics: CALENDAR_ICON_FILL_COLOR,
-    ical: CALENDAR_ICON_FILL_COLOR,
-    icalendar: CALENDAR_ICON_FILL_COLOR,
-    ifb: CALENDAR_ICON_FILL_COLOR,
-    email: EMAIL_ICON_FILL_COLOR,
-    eml: EMAIL_ICON_FILL_COLOR,
-    oft: EMAIL_ICON_FILL_COLOR,
-    ost: EMAIL_ICON_FILL_COLOR,
-    emlx: EMAIL_ICON_FILL_COLOR,
-    html: HTML_ICON_FILL_COLOR,
-    xml: HTML_ICON_FILL_COLOR,
-    txt: TEXT_ICON_FILL_COLOR,
-    rtf: TEXT_ICON_FILL_COLOR,
-    dot: WORD_ICON_FILL_COLOR,
-    doc: WORD_ICON_FILL_COLOR,
-    docx: WORD_ICON_FILL_COLOR,
-    dotx: WORD_ICON_FILL_COLOR,
-    docm: WORD_ICON_FILL_COLOR,
-    dotm: WORD_ICON_FILL_COLOR,
-    odt: DOCUMENT_ICON_FILL_COLOR,
-    pages: DOCUMENT_ICON_FILL_COLOR,
-    pdf: PDF_ICON_FILL_COLOR,
-    ppt: POWERPOINT_ICON_FILL_COLOR,
-    pot: POWERPOINT_ICON_FILL_COLOR,
-    pps: POWERPOINT_ICON_FILL_COLOR,
-    pptx: POWERPOINT_ICON_FILL_COLOR,
-    pptm: POWERPOINT_ICON_FILL_COLOR,
-    potx: POWERPOINT_ICON_FILL_COLOR,
-    potm: POWERPOINT_ICON_FILL_COLOR,
-    ppam: POWERPOINT_ICON_FILL_COLOR,
-    ppsx: POWERPOINT_ICON_FILL_COLOR,
-    ppsm: POWERPOINT_ICON_FILL_COLOR,
-    sldx: POWERPOINT_ICON_FILL_COLOR,
-    sldm: POWERPOINT_ICON_FILL_COLOR,
-    odp: PRESENTATION_ICON_FILL_COLOR,
-    key: PRESENTATION_ICON_FILL_COLOR,
-    xls: EXCEL_ICON_FILL_COLOR,
-    xlsx: EXCEL_ICON_FILL_COLOR,
-    csv: DEFAULT_ICON_FILL_COLOR,
-    numbers: SPREADSHEET_ICON_FILL_COLOR,
-    bmp: IMAGE_ICON_FILL_COLOR,
-    jpg: IMAGE_ICON_FILL_COLOR,
-    jpeg: IMAGE_ICON_FILL_COLOR,
-    heic: IMAGE_ICON_FILL_COLOR,
-    png: IMAGE_ICON_FILL_COLOR,
-    gif: IMAGE_ICON_FILL_COLOR,
-    psd: PRESENTATION_ICON_FILL_COLOR,
-    ai: DOCUMENT_ICON_FILL_COLOR,
-    svg: VECTOR_GRAPHIC_FILL_COLOR,
-    svgz: VECTOR_GRAPHIC_FILL_COLOR,
-    ep: VECTOR_GRAPHIC_FILL_COLOR,
-    eps: VECTOR_GRAPHIC_FILL_COLOR,
-    sketch: VECTOR_GRAPHIC_FILL_COLOR,
-    mp3: AUDIO_ICON_FILL_COLOR,
-    wav: AUDIO_ICON_FILL_COLOR,
-    wma: AUDIO_ICON_FILL_COLOR,
-    ogg: AUDIO_ICON_FILL_COLOR,
-    flv: VIDEO_ICON_FILL_COLOR,
-    h264: VIDEO_ICON_FILL_COLOR,
-    mov: VIDEO_ICON_FILL_COLOR,
-    mp4: VIDEO_ICON_FILL_COLOR,
-    mwv: VIDEO_ICON_FILL_COLOR,
-    zip: COMPRESSED_ICON_FILL_COLOR,
-    '7z': COMPRESSED_ICON_FILL_COLOR,
-    rar: COMPRESSED_ICON_FILL_COLOR,
-    json: DATA_ICON_FILL_COLOR,
-    yaml: DATA_ICON_FILL_COLOR,
-    sql: DATA_ICON_FILL_COLOR,
-    db: DATA_ICON_FILL_COLOR,
-    dbf: DATA_ICON_FILL_COLOR,
-};
-
-// Copy of file icon background colors from lime-elements.
-// Source: lime-elements/src/components/file/icon-background-colors.ts
-//
-// Stencil doesn't support exporting utility functions from a component
-// library, so we duplicate them here until a proper shared solution exists.
-const DEFAULT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';
-const CALENDAR_ICON_BACKGROUND_COLOR = 'rgba(var(--color-cyan-lighter), 0.4)';
-const EMAIL_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';
-const HTML_ICON_BACKGROUND_COLOR = 'rgba(var(--color-blue-lighter), 0.4)';
-const TEXT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-yellow-lighter), 0.4)';
-const EXCEL_ICON_BACKGROUND_COLOR = 'rgba(var(--color-green-lighter), 0.4)';
-const POWERPOINT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-coral-lighter), 0.4)';
-const WORD_ICON_BACKGROUND_COLOR = 'rgba(var(--color-sky-lighter), 0.4)';
-const IMAGE_ICON_BACKGROUND_COLOR = 'rgba(var(--color-lime-lighter), 0.4)';
-const VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR = 'rgba(var(--color-magenta-lighter), 0.4)';
-const PRESENTATION_BACKGROUND_COLOR = 'rgba(var(--color-blue-lighter), 0.4)';
-const DOCUMENT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-orange-lighter), 0.4)';
-const SPREADSHEET_ICON_BACKGROUND_COLOR = 'rgba(var(--color-green-lighter), 0.4)';
-const AUDIO_ICON_BACKGROUND_COLOR = 'rgba(var(--color-indigo-lighter), 0.4)';
-const VIDEO_ICON_BACKGROUND_COLOR = 'rgba(var(--color-red-lighter), 0.4)';
-const COMPRESSED_ICON_BACKGROUND_COLOR = 'rgba(var(--color-orange-lighter), 0.4)';
-const MESSAGE_ICON_BACKGROUND_COLOR = 'rgba(var(--color-yellow-lighter), 0.4)';
-const PDF_ICON_BACKGROUND_COLOR = 'rgba(var(--color-red-lighter), 0.4)';
-const DATA_ICON_BACKGROUND_COLOR = 'rgba(var(--color-glaucous-lighter), 0.4)';
-const DEFAULT_ICON_BACKGROUND = DEFAULT_ICON_BACKGROUND_COLOR;
-const filetypeBackgroundColorTable = {
-    msg: MESSAGE_ICON_BACKGROUND_COLOR,
-    ics: CALENDAR_ICON_BACKGROUND_COLOR,
-    ical: CALENDAR_ICON_BACKGROUND_COLOR,
-    icalendar: CALENDAR_ICON_BACKGROUND_COLOR,
-    ifb: CALENDAR_ICON_BACKGROUND_COLOR,
-    email: EMAIL_ICON_BACKGROUND_COLOR,
-    eml: EMAIL_ICON_BACKGROUND_COLOR,
-    oft: EMAIL_ICON_BACKGROUND_COLOR,
-    ost: EMAIL_ICON_BACKGROUND_COLOR,
-    emlx: EMAIL_ICON_BACKGROUND_COLOR,
-    html: HTML_ICON_BACKGROUND_COLOR,
-    xml: HTML_ICON_BACKGROUND_COLOR,
-    txt: TEXT_ICON_BACKGROUND_COLOR,
-    rtf: TEXT_ICON_BACKGROUND_COLOR,
-    dot: WORD_ICON_BACKGROUND_COLOR,
-    doc: WORD_ICON_BACKGROUND_COLOR,
-    docx: WORD_ICON_BACKGROUND_COLOR,
-    dotx: WORD_ICON_BACKGROUND_COLOR,
-    docm: WORD_ICON_BACKGROUND_COLOR,
-    dotm: WORD_ICON_BACKGROUND_COLOR,
-    odt: DOCUMENT_ICON_BACKGROUND_COLOR,
-    pages: DOCUMENT_ICON_BACKGROUND_COLOR,
-    pdf: PDF_ICON_BACKGROUND_COLOR,
-    ppt: POWERPOINT_ICON_BACKGROUND_COLOR,
-    pot: POWERPOINT_ICON_BACKGROUND_COLOR,
-    pps: POWERPOINT_ICON_BACKGROUND_COLOR,
-    pptx: POWERPOINT_ICON_BACKGROUND_COLOR,
-    pptm: POWERPOINT_ICON_BACKGROUND_COLOR,
-    potx: POWERPOINT_ICON_BACKGROUND_COLOR,
-    potm: POWERPOINT_ICON_BACKGROUND_COLOR,
-    ppam: POWERPOINT_ICON_BACKGROUND_COLOR,
-    ppsx: POWERPOINT_ICON_BACKGROUND_COLOR,
-    ppsm: POWERPOINT_ICON_BACKGROUND_COLOR,
-    sldx: POWERPOINT_ICON_BACKGROUND_COLOR,
-    sldm: POWERPOINT_ICON_BACKGROUND_COLOR,
-    odp: PRESENTATION_BACKGROUND_COLOR,
-    key: PRESENTATION_BACKGROUND_COLOR,
-    xls: EXCEL_ICON_BACKGROUND_COLOR,
-    xlsx: EXCEL_ICON_BACKGROUND_COLOR,
-    csv: DEFAULT_ICON_BACKGROUND_COLOR,
-    numbers: SPREADSHEET_ICON_BACKGROUND_COLOR,
-    bmp: IMAGE_ICON_BACKGROUND_COLOR,
-    jpg: IMAGE_ICON_BACKGROUND_COLOR,
-    jpeg: IMAGE_ICON_BACKGROUND_COLOR,
-    heic: IMAGE_ICON_BACKGROUND_COLOR,
-    png: IMAGE_ICON_BACKGROUND_COLOR,
-    gif: IMAGE_ICON_BACKGROUND_COLOR,
-    psd: PRESENTATION_BACKGROUND_COLOR,
-    ai: DOCUMENT_ICON_BACKGROUND_COLOR,
-    svg: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
-    svgz: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
-    ep: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
-    eps: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
-    sketch: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
-    mp3: AUDIO_ICON_BACKGROUND_COLOR,
-    wav: AUDIO_ICON_BACKGROUND_COLOR,
-    wma: AUDIO_ICON_BACKGROUND_COLOR,
-    ogg: AUDIO_ICON_BACKGROUND_COLOR,
-    flv: VIDEO_ICON_BACKGROUND_COLOR,
-    h264: VIDEO_ICON_BACKGROUND_COLOR,
-    mov: VIDEO_ICON_BACKGROUND_COLOR,
-    mp4: VIDEO_ICON_BACKGROUND_COLOR,
-    mwv: VIDEO_ICON_BACKGROUND_COLOR,
-    zip: COMPRESSED_ICON_BACKGROUND_COLOR,
-    '7z': COMPRESSED_ICON_BACKGROUND_COLOR,
-    rar: COMPRESSED_ICON_BACKGROUND_COLOR,
-    json: DATA_ICON_BACKGROUND_COLOR,
-    yaml: DATA_ICON_BACKGROUND_COLOR,
-    sql: DATA_ICON_BACKGROUND_COLOR,
-    db: DATA_ICON_BACKGROUND_COLOR,
-    dbf: DATA_ICON_BACKGROUND_COLOR,
-};
-
-/**
- * Returns an icon with name, fill color, and background color
- * based on the file extension of the given filename.
- *
- * @param filename - the filename to get the icon for
- */
-function getFileIcon(filename) {
-    const extension = getFileExtension(filename);
-    return {
-        name: filetypeIconTable[extension] || DEFAULT_FILE_ICON,
-        color: filetypeFillColorTable[extension] || DEFAULT_ICON_FILL,
-        backgroundColor: filetypeBackgroundColorTable[extension] || DEFAULT_ICON_BACKGROUND,
-    };
-}
-
-const documentChipsCss = ":host(limebb-document-chips){box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0.25rem;width:100%}*{box-sizing:border-box;min-width:0}limebb-summary-popover{max-width:100%}limel-chip{max-width:18rem}";
-const LimebbDocumentChipsStyle0 = documentChipsCss;
-
-const DocumentChips = /*@__PURE__*/ proxyCustomElement(class DocumentChips extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.removeFile = createEvent(this, "removeFile", 7);
-        /**
-         * The list of files to display as document chips.
-         */
-        this.files = [];
-        this.blobUrls = new Map();
-        this.handleRemove = (event) => {
-            event.stopPropagation();
-            const fileId = event.detail;
-            this.revokeBlobUrl(fileId);
-            this.removeFile.emit(fileId);
-        };
-    }
-    onFilesChanged(newFiles, oldFiles) {
-        const currentIds = new Set(newFiles.map((file) => file.id));
-        for (const file of oldFiles) {
-            if (!currentIds.has(file.id)) {
-                this.revokeBlobUrl(file.id);
-            }
-        }
-    }
-    disconnectedCallback() {
-        this.revokeAllBlobUrls();
-    }
-    render() {
-        return (h(Host, { key: 'a8434c51cd27c94924e392983cb0983b1fbc7f62', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
-    }
-    renderFile(file) {
-        const isReady = !file.uploadState || file.uploadState === 'done';
-        const icon = this.getIcon(file);
-        const chip = (h("limel-chip", { role: isReady ? undefined : 'listitem', slot: isReady ? 'trigger' : undefined, removable: true, identifier: file.id, text: file.filename, icon: icon, invalid: file.uploadState === 'failed', progress: file.uploadState === 'uploading'
-                ? file.uploadProgress
-                : undefined, loading: file.uploadState === 'added' ||
-                file.uploadState === 'finalizing', onRemove: this.handleRemove }));
-        if (!isReady) {
-            return chip;
-        }
-        return (h("limebb-summary-popover", { role: "listitem", file: Object.assign(Object.assign({}, file), { href: this.getPreviewUrl(file) }), popoverMaxWidth: "32rem", popoverMaxHeight: "32rem", triggerDelay: 1000 }, chip));
-    }
-    getIcon(file) {
-        if (file.icon) {
-            return file.icon;
-        }
-        return getFileIcon(file.filename);
-    }
-    getPreviewUrl(file) {
-        const extension = getFileExtension(file.filename);
-        const previewType = getPreviewType(extension);
-        if (previewType === 'sharepoint') {
-            return undefined;
-        }
-        if (file.href) {
-            return file.href;
-        }
-        if (file.fileContent) {
-            if (!this.blobUrls.has(file.id)) {
-                this.blobUrls.set(file.id, URL.createObjectURL(file.fileContent));
-            }
-            return this.blobUrls.get(file.id);
-        }
-    }
-    revokeBlobUrl(fileId) {
-        const url = this.blobUrls.get(fileId);
-        if (url) {
-            URL.revokeObjectURL(url);
-            this.blobUrls.delete(fileId);
-        }
-    }
-    revokeAllBlobUrls() {
-        for (const url of this.blobUrls.values())
-            URL.revokeObjectURL(url);
-        this.blobUrls.clear();
-    }
-    static get watchers() { return {
-        "files": ["onFilesChanged"]
-    }; }
-    static get style() { return LimebbDocumentChipsStyle0; }
-}, [1, "limebb-document-chips", {
-        "accessibleLabel": [513, "accessible-label"],
-        "files": [16]
-    }, undefined, {
-        "files": ["onFilesChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-document-chips", "limebb-navigation-button", "limebb-summary-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-document-chips":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DocumentChips);
-            }
-            break;
-        case "limebb-navigation-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "limebb-summary-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const LimebbDocumentChips = DocumentChips;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbDocumentChips, defineCustomElement };
+import{proxyCustomElement as r,HTMLElement as o,createEvent as e,h as t,Host as a,transformTag as l}from"@stencil/core/internal/client";import{g as i}from"./extension-mapping.js";import{g as s,d as p}from"./summary-popover.js";import{d as c}from"./navigation-button.js";const g="tear_off_calendar",m="email",d="internet",n="text_box",b="ms_excel_copyrighted",v="ms_word_copyrighted",h="ms_powerpoint_copyrighted",x="picture",f="camera",u="vector",k="presentation_filled",y="overview_pages_2",w="data_sheet",_="audio_wave",j="video_file",z="condom_package",F="database",U={msg:"ms_outlook_copyrighted",ics:g,ical:g,icalendar:g,ifb:g,email:m,eml:m,oft:m,ost:m,emlx:m,html:d,xml:d,txt:n,rtf:n,dot:v,doc:v,docx:v,dotx:v,docm:v,dotm:v,odt:y,pages:y,pdf:"PDF_2",ppt:h,pot:h,pps:h,pptx:h,pptm:h,potx:h,potm:h,ppam:h,ppsx:h,ppsm:h,sldx:h,sldm:h,odp:k,key:k,xls:b,xlsx:b,csv:w,numbers:w,jpg:f,jpeg:f,heic:f,bmp:x,png:x,gif:x,psd:"adobe_photoshop_copyrighted",ai:"adobe_illustrator_copyrighted",svg:u,svgz:u,ep:u,eps:u,sketch:u,mp3:_,wav:_,wma:_,ogg:_,avi:j,flv:j,h264:j,mov:j,mp4:j,mwv:j,zip:z,"7z":z,rar:z,json:"json",yaml:F,sql:F,db:F,dbf:F},C="rgb(var(--color-gray-dark))",E="rgb(var(--color-cyan-dark))",L="rgb(var(--color-gray-dark))",R="rgb(var(--color-blue-dark))",q="rgb(var(--color-yellow-darker))",M="rgb(var(--color-green-dark))",B="rgb(var(--color-coral-dark))",D="rgb(var(--color-sky-dark))",O="rgb(var(--color-lime-dark))",P="rgb(var(--color-magenta-dark))",A="rgb(var(--color-blue-dark))",H="rgb(var(--color-orange-dark))",I="rgb(var(--color-indigo-dark))",S="rgb(var(--color-red-dark))",W="rgb(var(--color-brown-default))",G="rgb(var(--color-glaucous-dark))",J=C,K={msg:"rgb(var(--color-yellow-dark))",ics:E,ical:E,icalendar:E,ifb:E,email:L,eml:L,oft:L,ost:L,emlx:L,html:R,xml:R,txt:q,rtf:q,dot:D,doc:D,docx:D,dotx:D,docm:D,dotm:D,odt:H,pages:H,pdf:"rgb(var(--color-red-dark))",ppt:B,pot:B,pps:B,pptx:B,pptm:B,potx:B,potm:B,ppam:B,ppsx:B,ppsm:B,sldx:B,sldm:B,odp:A,key:A,xls:M,xlsx:M,csv:C,numbers:"rgb(var(--color-green-dark))",bmp:O,jpg:O,jpeg:O,heic:O,png:O,gif:O,psd:A,ai:H,svg:P,svgz:P,ep:P,eps:P,sketch:P,mp3:I,wav:I,wma:I,ogg:I,flv:S,h264:S,mov:S,mp4:S,mwv:S,zip:W,"7z":W,rar:W,json:G,yaml:G,sql:G,db:G,dbf:G},N="rgba(var(--color-gray-lighter), 0.4)",Q="rgba(var(--color-cyan-lighter), 0.4)",T="rgba(var(--color-gray-lighter), 0.4)",V="rgba(var(--color-blue-lighter), 0.4)",X="rgba(var(--color-yellow-lighter), 0.4)",Y="rgba(var(--color-green-lighter), 0.4)",Z="rgba(var(--color-coral-lighter), 0.4)",$="rgba(var(--color-sky-lighter), 0.4)",rr="rgba(var(--color-lime-lighter), 0.4)",or="rgba(var(--color-magenta-lighter), 0.4)",er="rgba(var(--color-blue-lighter), 0.4)",tr="rgba(var(--color-orange-lighter), 0.4)",ar="rgba(var(--color-indigo-lighter), 0.4)",lr="rgba(var(--color-red-lighter), 0.4)",ir="rgba(var(--color-orange-lighter), 0.4)",sr="rgba(var(--color-glaucous-lighter), 0.4)",pr=N,cr={msg:"rgba(var(--color-yellow-lighter), 0.4)",ics:Q,ical:Q,icalendar:Q,ifb:Q,email:T,eml:T,oft:T,ost:T,emlx:T,html:V,xml:V,txt:X,rtf:X,dot:$,doc:$,docx:$,dotx:$,docm:$,dotm:$,odt:tr,pages:tr,pdf:"rgba(var(--color-red-lighter), 0.4)",ppt:Z,pot:Z,pps:Z,pptx:Z,pptm:Z,potx:Z,potm:Z,ppam:Z,ppsx:Z,ppsm:Z,sldx:Z,sldm:Z,odp:er,key:er,xls:Y,xlsx:Y,csv:N,numbers:"rgba(var(--color-green-lighter), 0.4)",bmp:rr,jpg:rr,jpeg:rr,heic:rr,png:rr,gif:rr,psd:er,ai:tr,svg:or,svgz:or,ep:or,eps:or,sketch:or,mp3:ar,wav:ar,wma:ar,ogg:ar,flv:lr,h264:lr,mov:lr,mp4:lr,mwv:lr,zip:ir,"7z":ir,rar:ir,json:sr,yaml:sr,sql:sr,db:sr,dbf:sr},gr=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.removeFile=e(this,"removeFile",7),this.files=[],this.blobUrls=new Map,this.handleRemove=r=>{r.stopPropagation();const o=r.detail;this.revokeBlobUrl(o),this.removeFile.emit(o)}}onFilesChanged(r,o){const e=new Set(r.map((r=>r.id)));for(const r of o)e.has(r.id)||this.revokeBlobUrl(r.id)}disconnectedCallback(){this.revokeAllBlobUrls()}render(){return t(a,{key:"d5bdfcc1c2895820c4613bf907799063e1118899",role:"list","aria-label":this.accessibleLabel},this.files.map((r=>this.renderFile(r))))}renderFile(r){const o=!r.uploadState||"done"===r.uploadState,e=this.getIcon(r),a=t("limel-chip",{role:o?void 0:"listitem",slot:o?"trigger":void 0,removable:!0,identifier:r.id,text:r.filename,icon:e,invalid:"failed"===r.uploadState,progress:"uploading"===r.uploadState?r.uploadProgress:void 0,loading:"added"===r.uploadState||"finalizing"===r.uploadState,onRemove:this.handleRemove});return o?t("limebb-summary-popover",{role:"listitem",file:Object.assign(Object.assign({},r),{href:this.getPreviewUrl(r)}),popoverMaxWidth:"32rem",popoverMaxHeight:"32rem",triggerDelay:1e3},a):a}getIcon(r){return r.icon?r.icon:function(r){const o=s(r);return{name:U[o]||"file",color:K[o]||J,backgroundColor:cr[o]||pr}}(r.filename)}getPreviewUrl(r){const o=s(r.filename);if("sharepoint"!==i(o))return r.href?r.href:r.fileContent?(this.blobUrls.has(r.id)||this.blobUrls.set(r.id,URL.createObjectURL(r.fileContent)),this.blobUrls.get(r.id)):void 0}revokeBlobUrl(r){const o=this.blobUrls.get(r);o&&(URL.revokeObjectURL(o),this.blobUrls.delete(r))}revokeAllBlobUrls(){for(const r of this.blobUrls.values())URL.revokeObjectURL(r);this.blobUrls.clear()}static get watchers(){return{files:[{onFilesChanged:0}]}}static get style(){return":host(limebb-document-chips){box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0.25rem;width:100%}*{box-sizing:border-box;min-width:0}limebb-summary-popover{max-width:100%}limel-chip{max-width:18rem}"}},[1,"limebb-document-chips",{accessibleLabel:[513,"accessible-label"],files:[16]},void 0,{files:[{onFilesChanged:0}]}]),mr=gr,dr=function(){"undefined"!=typeof customElements&&["limebb-document-chips","limebb-navigation-button","limebb-summary-popover"].forEach((r=>{switch(r){case"limebb-document-chips":customElements.get(l(r))||customElements.define(l(r),gr);break;case"limebb-navigation-button":customElements.get(l(r))||c();break;case"limebb-summary-popover":customElements.get(l(r))||p()}}))};export{mr as LimebbDocumentChips,dr as defineCustomElement}

package/dist/components/limebb-document-item.js

@@ -1,6 +1 @@
-import { D as DocumentItemComponent, d as defineCustomElement$1 } from './document-item.js';
-
-const LimebbDocumentItem = DocumentItemComponent;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbDocumentItem, defineCustomElement };
+import{D as o,d as t}from"./document-item.js";const m=o,s=t;export{m as LimebbDocumentItem,s as defineCustomElement}

package/dist/components/limebb-document-picker.js

@@ -1,111 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as createRandomString } from './random-string.js';
-import { d as defineCustomElement$2 } from './document-item.js';
-
-const documentPickerCss = "@charset \"UTF-8\";:host(limebb-document-picker){--checkbox-label-overflow-wrap:break-word;--switch-label-overflow-wrap:break-word}:host(limebb-document-picker:not([invalid]):not([invalid=true])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}.limel-notched-outline{padding:0.75rem 0.5rem}limel-masonry-layout{--masonry-layout-min-column-width:10rem;--masonry-layout-gap:0.5rem}:host(limebb-document-picker:focus),:host(limebb-document-picker:focus-visible),:host(limebb-document-picker:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-document-picker){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-document-picker:focus) limel-helper-line,:host(limebb-document-picker:focus-visible) limel-helper-line,:host(limebb-document-picker:focus-within) limel-helper-line,:host(limebb-document-picker:hover) limel-helper-line{will-change:grid-template-rows}";
-const LimebbDocumentPickerStyle0 = documentPickerCss;
-
-const DocumentPicker = /*@__PURE__*/ proxyCustomElement(class DocumentPicker extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        /**
-         * The list of document items to display in the picker.
-         */
-        this.items = [];
-        /**
-         * Set to `true` to indicate that the current selection is invalid.
-         */
-        this.invalid = false;
-        /**
-         * Set to `true` to indicate that selecting an item is required.
-         */
-        this.required = false;
-        /**
-         * Defines whether the picker allows single or multiple selection.
-         * - 'radio': Allows single selection within a group.
-         * - 'checkbox': Allows multiple selection.
-         */
-        this.type = 'checkbox';
-        this.handleItemInteract = (event) => {
-            event.stopPropagation();
-            const interactedItem = event.detail;
-            if (!interactedItem) {
-                return;
-            }
-            let updatedItems;
-            if (this.type === 'radio') {
-                // For radio buttons: either select the clicked item (and deselect others)
-                // or allow deselecting if clicking the already selected item
-                updatedItems = this.items
-                    .map((item) => {
-                    if (item.file.id === interactedItem.file.id) {
-                        return Object.assign(Object.assign({}, item), { selected: interactedItem.selected });
-                    }
-                    return Object.assign(Object.assign({}, item), { selected: false });
-                })
-                    .find((item) => item.selected);
-            }
-            else {
-                updatedItems = this.items
-                    .map((item) => {
-                    if (item.file.id === interactedItem.file.id) {
-                        return Object.assign(Object.assign({}, item), { selected: interactedItem.selected });
-                    }
-                    return item;
-                })
-                    .filter((item) => item.selected);
-            }
-            this.change.emit(updatedItems);
-        };
-        this.renderHelperLine = () => {
-            if (!this.helperText) {
-                return;
-            }
-            return (h("limel-helper-line", { helperText: this.helperText, helperTextId: this.helperTextId, invalid: this.invalid }));
-        };
-        this.helperTextId = createRandomString();
-        this.labelId = createRandomString();
-    }
-    render() {
-        return (h(Host, { key: 'b28a99c85792d47c500bb2b91aa2011bd7298f48' }, h("limel-notched-outline", { key: 'c855f472a73f0f2d35a0f5452ea2fcd5d370e834', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'e333e8e2244e2e56abb178ea2359bcae5c8d699a', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
-    }
-    renderItems() {
-        return this.items.map((item) => (h("limebb-document-item", { platform: this.platform, context: this.context, item: item, key: item.file.id, type: this.type, onInteract: this.handleItemInteract })));
-    }
-    static get style() { return LimebbDocumentPickerStyle0; }
-}, [1, "limebb-document-picker", {
-        "platform": [16],
-        "context": [16],
-        "items": [16],
-        "label": [513],
-        "helperText": [513, "helper-text"],
-        "invalid": [516],
-        "required": [516],
-        "type": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-document-picker", "limebb-document-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-document-picker":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DocumentPicker);
-            }
-            break;
-        case "limebb-document-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const LimebbDocumentPicker = DocumentPicker;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbDocumentPicker, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as l,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as s}from"./random-string.js";import{d as n}from"./document-item.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.items=[],this.invalid=!1,this.required=!1,this.type="checkbox",this.handleItemInteract=e=>{e.stopPropagation();const t=e.detail;if(!t)return;let i;i="radio"===this.type?this.items.map((e=>Object.assign(Object.assign({},e),e.file.id===t.file.id?{selected:t.selected}:{selected:!1}))).find((e=>e.selected)):this.items.map((e=>e.file.id===t.file.id?Object.assign(Object.assign({},e),{selected:t.selected}):e)).filter((e=>e.selected)),this.change.emit(i)},this.renderHelperLine=()=>{if(this.helperText)return l("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})},this.helperTextId=s(),this.labelId=s()}render(){return l(o,{key:"ff9e59b375c66d9b5c6818e4b81776d4dbfd63a8"},l("limel-notched-outline",{key:"8414b5e0363c10b90c0dc5fda549d0268c177a8d",labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,hasFloatingLabel:!0},l("limel-masonry-layout",{key:"06037f5780b8755b628309e26fa908167df49347",slot:"content",role:"radio"===this.type?"radiogroup":"group","aria-labelledby":this.label?this.labelId:void 0,"aria-describedby":this.helperText?this.helperTextId:void 0},this.renderItems())),this.renderHelperLine())}renderItems(){return this.items.map((e=>l("limebb-document-item",{platform:this.platform,context:this.context,item:e,key:e.file.id,type:this.type,onInteract:this.handleItemInteract})))}static get style(){return'@charset "UTF-8";:host(limebb-document-picker){--checkbox-label-overflow-wrap:break-word;--switch-label-overflow-wrap:break-word}:host(limebb-document-picker:not([invalid]):not([invalid=true])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}.limel-notched-outline{padding:0.75rem 0.5rem}limel-masonry-layout{--masonry-layout-min-column-width:10rem;--masonry-layout-gap:0.5rem}:host(limebb-document-picker:focus),:host(limebb-document-picker:focus-visible),:host(limebb-document-picker:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-document-picker){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-document-picker:focus) limel-helper-line,:host(limebb-document-picker:focus-visible) limel-helper-line,:host(limebb-document-picker:focus-within) limel-helper-line,:host(limebb-document-picker:hover) limel-helper-line{will-change:grid-template-rows}'}},[1,"limebb-document-picker",{platform:[16],context:[16],items:[16],label:[513],helperText:[513,"helper-text"],invalid:[516],required:[516],type:[513]}]),m=c,h=function(){"undefined"!=typeof customElements&&["limebb-document-picker","limebb-document-item"].forEach((e=>{switch(e){case"limebb-document-picker":customElements.get(r(e))||customElements.define(r(e),c);break;case"limebb-document-item":customElements.get(r(e))||n()}}))};export{m as LimebbDocumentPicker,h as defineCustomElement}