npm - @limetech/lime-elements - Versions diffs - 36.4.0 → 37.0.0-dev.1 - Mend

@limetech/lime-elements 36.4.0 → 37.0.0-dev.1

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.

Files changed (942) hide show

package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js CHANGED Viewed

@@ -132,11 +132,11 @@ export class DatePickerCalendar {
         }
       },
       "type": {
-        "type": "string",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "DateType",
-          "resolved": "\"date\" | \"datetime\" | \"month\" | \"quarter\" | \"time\" | \"week\" | \"year\"",
+          "resolved": "DateType",
           "references": {
             "DateType": {
               "location": "import",
@@ -208,11 +208,11 @@ export class DatePickerCalendar {
         }
       },
       "language": {
-        "type": "string",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "Languages",
-          "resolved": "\"da\" | \"de\" | \"en\" | \"fi\" | \"fr\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
+          "resolved": "Languages",
           "references": {
             "Languages": {
               "location": "import",
@@ -274,3 +274,4 @@ export class DatePickerCalendar {
       }];
   }
 }
+//# sourceMappingURL=flatpickr-adapter.js.map

package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"flatpickr-adapter.js","sourceRoot":"","sources":["../../../../src/components/date-picker/flatpickr-adapter/flatpickr-adapter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { DateType, Languages } from '@limetech/lime-elements';\nimport translate from '../../../global/translations';\nimport { DatePicker as DateOnlyPicker } from '../pickers/DatePicker';\nimport { DatetimePicker } from '../pickers/DatetimePicker';\nimport { MonthPicker } from '../pickers/MonthPicker';\nimport { Picker } from '../pickers/Picker';\nimport { QuarterPicker } from '../pickers/QuarterPicker';\nimport { TimePicker } from '../pickers/TimePicker';\nimport { WeekPicker } from '../pickers/WeekPicker';\nimport { YearPicker } from '../pickers/YearPicker';\n\n/**\n * This component is internal and only supposed to be used by\n * the limel-date-picker. This component is needed in order for us\n * to render the flatpickr calendar in a portal.\n * @private\n */\n@Component({\n tag: 'limel-flatpickr-adapter',\n shadow: true,\n styleUrl: 'flatpickr-adapter.scss',\n})\nexport class DatePickerCalendar {\n /**\n * The value of the field.\n */\n @Prop()\n public value: Date;\n\n /**\n * Type of date picker.\n */\n @Prop()\n public type: DateType = 'datetime';\n\n /**\n * Format to display the selected date in.\n */\n @Prop()\n public format: string;\n\n /**\n * Set to `true` if the calendar should be open.\n */\n @Prop()\n public isOpen: boolean;\n\n /**\n * The native input element to use with flatpickr.\n */\n @Prop()\n public inputElement: HTMLElement;\n\n /**\n * Defines the localisation for translations and date formatting.\n * Property `format` customizes the localized date format.\n */\n @Prop()\n public language: Languages = 'en';\n\n @Prop()\n public formatter!: (date: Date) => string;\n\n /**\n * Emitted when the date picker value is changed.\n */\n @Event()\n public change: EventEmitter<Date>;\n\n private picker: Picker;\n private flatPickrCreated: boolean = false;\n\n private container: HTMLElement;\n\n public componentWillLoad() {\n switch (this.type) {\n case 'date':\n this.picker = new DateOnlyPicker(\n this.format,\n this.language,\n this.change\n );\n break;\n\n case 'time':\n this.picker = new TimePicker(\n this.format,\n this.language,\n this.change\n );\n break;\n\n case 'week':\n this.picker = new WeekPicker(\n this.format,\n this.language,\n this.change\n );\n break;\n\n case 'month':\n this.picker = new MonthPicker(\n this.format,\n this.language,\n this.change,\n translate\n );\n break;\n\n case 'quarter':\n this.picker = new QuarterPicker(\n this.format,\n this.language,\n this.change,\n translate\n );\n break;\n case 'year':\n this.picker = new YearPicker(\n this.format,\n this.language,\n this.change,\n translate\n );\n break;\n\n case 'datetime':\n default:\n this.picker = new DatetimePicker(\n this.format,\n this.language,\n this.change\n );\n break;\n }\n\n this.picker.formatDate = this.formatter;\n }\n\n public componentDidUpdate() {\n if (!this.flatPickrCreated) {\n this.createFlatpickr();\n }\n\n this.tryFixConfusingWidthBug();\n }\n\n private tryFixConfusingWidthBug() {\n // Sometimes the datepickr renders with the width set to 1px.\n // We've not been able to understand why but believe it has\n // to do with the internal implementation of flatpickr.\n // The fix below is an ugly fix that seems to solve this\n // issue for us.\n const ONE_SECOND = 1000;\n const TEN_PIXELS = 10;\n if (this.isOpen) {\n setTimeout(() => {\n if (this.isOpen) {\n const flatpickrElement = this.container.querySelector(\n 'div.flatpickr-calendar'\n );\n const { width } = flatpickrElement.getBoundingClientRect();\n if (width < TEN_PIXELS) {\n this.destroyFlatpickr();\n this.createFlatpickr();\n }\n }\n }, ONE_SECOND);\n }\n }\n\n private createFlatpickr() {\n if (!this.inputElement) {\n // The input element is programatically set on this element\n // after its been rendered.\n return;\n }\n\n this.picker.init(this.inputElement, this.container, this.value);\n this.flatPickrCreated = true;\n }\n\n private destroyFlatpickr() {\n this.picker.destroy();\n }\n\n public disconnectedCallback() {\n this.picker.destroy();\n }\n\n public render() {\n return (\n <div\n class=\"container\"\n ref={(el) => (this.container = el)}\n style={{\n '--today-label': `\"${translate.get('date-picker.today')}\"`,\n }}\n />\n );\n }\n}\n"]}

package/dist/collection/components/date-picker/pickers/DatePicker.js CHANGED Viewed

@@ -10,3 +10,4 @@ export class DatePicker extends Picker {
     };
   }
 }
+//# sourceMappingURL=DatePicker.js.map

package/dist/collection/components/date-picker/pickers/DatePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/pickers/DatePicker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,OAAO,UAAW,SAAQ,MAAM;EAClC,YACI,aAAqB,GAAG,EACxB,QAAgB,EAChB,MAAoB;IAEpB,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;EACxC,CAAC;EAEM,SAAS,CAAC,YAAqB;IAClC,OAAO;MACH,UAAU,EAAE,KAAK;MACjB,WAAW,EAAE,CAAC,YAAY;KAC7B,CAAC;EACN,CAAC;CACJ","sourcesContent":["import flatpickr from 'flatpickr';\nimport { EventEmitter } from '@stencil/core';\nimport { Picker } from './Picker';\n\nexport class DatePicker extends Picker {\n public constructor(\n dateFormat: string = 'L',\n language: string,\n change: EventEmitter\n ) {\n super(dateFormat, language, change);\n }\n\n public getConfig(nativePicker: boolean): flatpickr.Options.Options {\n return {\n enableTime: false,\n weekNumbers: !nativePicker,\n };\n }\n}\n"]}

package/dist/collection/components/date-picker/pickers/DatetimePicker.js CHANGED Viewed

@@ -12,3 +12,4 @@ export class DatetimePicker extends Picker {
     };
   }
 }
+//# sourceMappingURL=DatetimePicker.js.map

package/dist/collection/components/date-picker/pickers/DatetimePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DatetimePicker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/pickers/DatetimePicker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,OAAO,cAAe,SAAQ,MAAM;EACtC,YACI,aAAqB,QAAQ,EAC7B,QAAgB,EAChB,MAAoB;IAEpB,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;EACxC,CAAC;EAEM,SAAS,CAAC,YAAqB;IAClC,OAAO;MACH,UAAU,EAAE,IAAI;MAChB,WAAW,EAAE,CAAC,YAAY;MAC1B,SAAS,EAAE,IAAI;MACf,eAAe,EAAE,CAAC;KACrB,CAAC;EACN,CAAC;CACJ","sourcesContent":["import flatpickr from 'flatpickr';\nimport { EventEmitter } from '@stencil/core';\nimport { Picker } from './Picker';\n\nexport class DatetimePicker extends Picker {\n public constructor(\n dateFormat: string = 'L - LT',\n language: string,\n change: EventEmitter\n ) {\n super(dateFormat, language, change);\n }\n\n public getConfig(nativePicker: boolean): flatpickr.Options.Options {\n return {\n enableTime: true,\n weekNumbers: !nativePicker,\n time_24hr: true, // eslint-disable-line camelcase\n minuteIncrement: 5,\n };\n }\n}\n"]}

package/dist/collection/components/date-picker/pickers/MonthPicker.js CHANGED Viewed

@@ -116,3 +116,4 @@ export class MonthPicker extends Picker {
     }
   }
 }
+//# sourceMappingURL=MonthPicker.js.map

package/dist/collection/components/date-picker/pickers/MonthPicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/pickers/MonthPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import flatpickr from 'flatpickr';\nimport { EventEmitter } from '@stencil/core';\nimport { range } from 'lodash-es';\nimport moment from 'moment/moment';\nimport { Picker } from './Picker';\n\nimport { h } from 'jsx-dom';\nimport { Translations } from '../../../global/translations';\n\nconst NBROFMONTHS = 12;\n\nexport class MonthPicker extends Picker {\n private months = [];\n\n public constructor(\n dateFormat: string = 'MM/YYYY',\n language: string,\n change: EventEmitter<Date>,\n private translations: Translations\n ) {\n super(dateFormat, language, change);\n this.handleChange = this.handleChange.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleReady = this.handleReady.bind(this);\n this.nextYear = this.nextYear.bind(this);\n this.prevYear = this.prevYear.bind(this);\n }\n\n public init(element: HTMLElement, container: HTMLElement, value?: Date) {\n super.init(element, container, value);\n if (!this.nativePicker) {\n this.flatpickr.prevMonthNav.addEventListener(\n 'mousedown',\n this.prevYear\n );\n this.flatpickr.nextMonthNav.addEventListener(\n 'mousedown',\n this.nextYear\n );\n }\n }\n\n public destroy() {\n super.destroy();\n if (!this.nativePicker) {\n this.flatpickr?.prevMonthNav?.removeEventListener(\n 'mousedown',\n this.prevYear\n );\n this.flatpickr?.nextMonthNav?.removeEventListener(\n 'mousedown',\n this.nextYear\n );\n }\n }\n\n public getConfig(nativePicker: boolean): flatpickr.Options.Options {\n const config: any = {\n onChange: this.handleChange,\n };\n\n if (!nativePicker) {\n config.onReady = this.handleReady;\n config.onYearChange = this.handleChange;\n }\n\n return config;\n }\n\n protected handleChange(selectedDates, dateString, fp) {\n this.selectMonth(selectedDates, dateString, fp);\n }\n\n protected handleClose(selectedDates) {\n return super.handleClose(selectedDates).then(() => {\n this.selectMonth(\n this.flatpickr.selectedDates,\n this.flatpickr.input.value,\n this.flatpickr\n );\n });\n }\n\n private handleReady(_, __, fp) {\n this.bootstrapMonthPicker(fp);\n this.selectMonth(fp.selectedDates, fp.input.value, fp);\n }\n\n private bootstrapMonthPicker(fp) {\n if (!this.nativePicker) {\n fp.innerContainer.remove();\n fp.calendarContainer\n .getElementsByClassName('flatpickr-monthDropdown-months')[0]\n .replaceWith(this.renderHeading());\n fp.calendarContainer.appendChild(this.renderMonthsPicker(fp));\n }\n }\n\n private renderHeading(): any {\n return (\n <span className=\"datepicker-month-heading\">\n {this.getLocalizedHeading()}\n </span>\n );\n }\n\n private getLocalizedHeading() {\n return this.translations.get(\n 'date-picker.month.heading',\n this.language\n );\n }\n\n private renderMonthsPicker(fp): any {\n return (\n <div className=\"datepicker-months-container\">\n {range(NBROFMONTHS).map((index) => {\n const renderedMonth = this.renderMonth(index, fp);\n this.months.push(renderedMonth);\n\n return renderedMonth;\n })}\n </div>\n );\n }\n\n private renderMonth(month, fp): any {\n return (\n <div\n className=\"datepicker-month\"\n onClick={() => {\n const date = moment([fp.currentYear]).month(month).toDate();\n fp.setDate(date, true);\n fp.close();\n }}\n >\n {moment()\n .month(month)\n .locale(this.getMomentLang())\n .format('MMM')}\n </div>\n );\n }\n\n private selectMonth(selectedDates, dateString, fp) {\n if (!this.nativePicker) {\n this.months.forEach((month) => {\n month.classList.remove('selected');\n });\n\n if (\n dateString !== '' &&\n selectedDates[0] &&\n selectedDates[0].getFullYear() === fp.currentYear\n ) {\n this.months[selectedDates[0].getMonth()].classList.add(\n 'selected'\n );\n }\n }\n }\n\n private prevYear() {\n if (!this.nativePicker) {\n // Preventing default or stopping the event from propagating doesn't\n // stop flatpickr from moving one month on its own, so we let it do\n // that, and then move the other 11 months to make it a full year.\n // /Ads\n const monthsToMove = 11;\n this.flatpickr.changeMonth(-monthsToMove);\n }\n }\n\n private nextYear() {\n if (!this.nativePicker) {\n // Preventing default or stopping the event from propagating doesn't\n // stop flatpickr from moving one month on its own, so we let it do\n // that, and then move the other 11 months to make it a full year.\n // /Ads\n const monthsToMove = 11;\n this.flatpickr.changeMonth(monthsToMove);\n }\n }\n}\n"]}

package/dist/collection/components/date-picker/pickers/Picker.js CHANGED Viewed

@@ -90,3 +90,4 @@ export class Picker {
     this.flatpickr.element.focus();
   }
 }
+//# sourceMappingURL=Picker.js.map

package/dist/collection/components/date-picker/pickers/Picker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/pickers/Picker.ts"],"names":[],"mappings":"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","sourcesContent":["import flatpickr from 'flatpickr';\nimport FlatpickrLanguages from 'flatpickr/dist/l10n';\nimport { EventEmitter } from '@stencil/core';\nimport 'moment/locale/da';\nimport 'moment/locale/de';\nimport 'moment/locale/fi';\nimport 'moment/locale/fr';\nimport 'moment/locale/nb';\nimport 'moment/locale/nl';\nimport 'moment/locale/sv';\nimport moment from 'moment/moment';\nimport { isAndroidDevice, isIOSDevice } from '../../../util/device';\n\nexport abstract class Picker {\n public formatDate: (date: Date) => string;\n\n protected dateFormat: string;\n protected language: string = 'en';\n\n protected flatpickr: flatpickr.Instance;\n protected nativePicker: boolean;\n\n public constructor(\n dateFormat: string,\n language: string,\n protected change: EventEmitter<Date>\n ) {\n this.language = language;\n const isMobile = isIOSDevice() || isAndroidDevice();\n this.nativePicker = isMobile;\n if (dateFormat) {\n this.dateFormat = dateFormat;\n }\n\n this.getWeek = this.getWeek.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleOnClose = this.handleOnClose.bind(this);\n this.parseDate = this.parseDate.bind(this);\n this.getFlatpickrLang = this.getFlatpickrLang.bind(this);\n }\n\n public init(element: HTMLElement, container: HTMLElement, value?: Date) {\n let config: flatpickr.Options.Options = {\n clickOpens: this.nativePicker,\n disableMobile: !this.nativePicker,\n formatDate: this.nativePicker ? undefined : this.formatDate,\n parseDate: this.nativePicker ? undefined : this.parseDate,\n appendTo: container,\n onClose: this.handleOnClose,\n defaultDate: value,\n onValueUpdate: this.handleClose,\n inline: !this.nativePicker,\n locale:\n FlatpickrLanguages[this.getFlatpickrLang()] ||\n FlatpickrLanguages.en,\n getWeek: this.getWeek,\n };\n config = { ...config, ...this.getConfig(this.nativePicker) };\n\n // Week numbers designate weeks as starting with Monday and\n // ending with Sunday. To make the week numbers make sense,\n // the calendar has to show weeks in the same way.\n (config.locale as flatpickr.CustomLocale).firstDayOfWeek = 1;\n\n this.flatpickr = flatpickr(element, config) as flatpickr.Instance;\n }\n\n public redraw() {\n this.flatpickr.redraw();\n }\n\n public destroy() {\n if (!this.flatpickr) {\n return;\n }\n\n this.flatpickr.destroy();\n }\n\n public abstract getConfig(\n useNativePicker: boolean\n ): flatpickr.Options.Options;\n\n protected handleClose(selectedDates): Promise<any> {\n return new Promise((resolve) => {\n setTimeout(() => {\n const pickerDate = this.getPickerDate(selectedDates);\n this.change.emit(pickerDate);\n resolve(pickerDate);\n }, 0);\n });\n }\n\n protected getFlatpickrLang() {\n if (this.language === 'nb') {\n return 'no';\n }\n\n return this.language;\n }\n\n protected getMomentLang() {\n if (this.language === 'no') {\n return 'nb';\n }\n\n return this.language;\n }\n\n private getPickerDate(selectedDates) {\n return selectedDates[0] ? new Date(selectedDates[0].toJSON()) : null;\n }\n\n private getWeek(date) {\n return moment(date).isoWeek();\n }\n\n private parseDate(date: string) {\n return moment(date, this.dateFormat, this.getMomentLang()).toDate();\n }\n\n private handleOnClose() {\n this.flatpickr.element.focus();\n }\n}\n"]}

package/dist/collection/components/date-picker/pickers/QuarterPicker.js CHANGED Viewed

@@ -124,3 +124,4 @@ export class QuarterPicker extends Picker {
     }
   }
 }
+//# sourceMappingURL=QuarterPicker.js.map

package/dist/collection/components/date-picker/pickers/QuarterPicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuarterPicker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/pickers/QuarterPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import flatpickr from 'flatpickr';\nimport { EventEmitter } from '@stencil/core';\nimport { range } from 'lodash-es';\nimport moment from 'moment/moment';\nimport { Picker } from './Picker';\n\nimport { h } from 'jsx-dom';\nimport { Translations } from '../../../global/translations';\n\nconst MONTHSPERQUARTER = 3;\nconst NBROFMONTHS = 12;\n\nexport class QuarterPicker extends Picker {\n private quarters = [];\n\n public constructor(\n dateFormat: string = '[Q]Q YYYY',\n language: string,\n protected change: EventEmitter<Date>,\n private translations: Translations\n ) {\n super(dateFormat, language, change);\n this.handleChange = this.handleChange.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleReady = this.handleReady.bind(this);\n this.nextYear = this.nextYear.bind(this);\n this.prevYear = this.prevYear.bind(this);\n }\n\n public init(element: HTMLElement, container: HTMLElement, value?: Date) {\n super.init(element, container, value);\n if (!this.nativePicker) {\n this.flatpickr.prevMonthNav.addEventListener(\n 'mousedown',\n this.prevYear\n );\n this.flatpickr.nextMonthNav.addEventListener(\n 'mousedown',\n this.nextYear\n );\n }\n }\n\n public destroy() {\n super.destroy();\n if (!this.nativePicker) {\n this.flatpickr?.prevMonthNav?.removeEventListener(\n 'mousedown',\n this.prevYear\n );\n this.flatpickr?.nextMonthNav?.removeEventListener(\n 'mousedown',\n this.nextYear\n );\n }\n }\n\n public getConfig(nativePicker: boolean): flatpickr.Options.Options {\n const config: any = {\n onChange: this.handleChange,\n };\n\n if (!nativePicker) {\n config.onReady = this.handleReady;\n config.onYearChange = this.handleChange;\n }\n\n return config;\n }\n\n protected handleChange(selectedDates, dateString, fp) {\n this.selectQuarter(selectedDates, dateString, fp);\n }\n\n protected handleClose(selectedDates) {\n return super.handleClose(selectedDates).then(() => {\n this.selectQuarter(\n this.flatpickr.selectedDates,\n this.flatpickr.input.value,\n this.flatpickr\n );\n });\n }\n\n private handleReady(_, __, fp) {\n this.bootstrapQuarterPicker(fp);\n this.selectQuarter(fp.selectedDates, fp.input.value, fp);\n }\n\n private bootstrapQuarterPicker(fp) {\n if (!this.nativePicker) {\n fp.innerContainer.remove();\n fp.calendarContainer\n .getElementsByClassName('flatpickr-monthDropdown-months')[0]\n .replaceWith(this.renderHeading());\n fp.calendarContainer.appendChild(this.renderQuarterPicker(fp));\n }\n }\n\n private renderHeading(): any {\n return (\n <span className=\"datepicker-quarter-heading\">\n {this.getLocalizedHeading()}\n </span>\n );\n }\n\n private getLocalizedHeading() {\n return this.translations.get(\n 'date-picker.quarter.heading',\n this.language\n );\n }\n\n private renderQuarterPicker(fp): any {\n const startQuarter = 1;\n const endQuarter = 5;\n\n return (\n <div className=\"datepicker-quarters-container\">\n {range(startQuarter, endQuarter).map((quarter) => {\n const renderedQuarter = this.renderQuarter(quarter, fp);\n this.quarters.push(renderedQuarter);\n\n return renderedQuarter;\n })}\n </div>\n );\n }\n\n private renderQuarter(quarter, fp): any {\n return (\n <div\n className=\"datepicker-quarter\"\n id={`datepicker-quarter-${quarter}`}\n onClick={() => {\n const date = moment([fp.currentYear])\n .quarter(quarter)\n .toDate();\n fp.setDate(date, true);\n fp.close();\n }}\n >\n {`Q${quarter}`}\n {this.renderQuarterMonths(quarter)}\n </div>\n );\n }\n\n private renderQuarterMonths(quarter): any {\n const months = Array.from(Array(MONTHSPERQUARTER), (_, index) => {\n return moment()\n .month(index + (quarter - 1) * MONTHSPERQUARTER)\n .locale(this.getMomentLang())\n .format('MMM');\n });\n\n return months.map((month) => {\n return <span className=\"datepicker-month-in-quarter\">{month}</span>;\n });\n }\n\n private selectQuarter(selectedDates, dateString, fp) {\n if (!this.nativePicker) {\n this.quarters.forEach((quarter) => {\n quarter.classList.remove('selected');\n });\n\n if (\n dateString !== '' &&\n selectedDates[0] &&\n selectedDates[0].getFullYear() === fp.currentYear\n ) {\n const i = Math.floor(\n selectedDates[0].getMonth() / MONTHSPERQUARTER\n );\n const selectedQuarter = this.quarters[i];\n selectedQuarter.classList.add('selected');\n }\n }\n }\n\n private prevYear(event) {\n if (!this.nativePicker) {\n event.stopImmediatePropagation();\n this.flatpickr.changeMonth(-NBROFMONTHS);\n }\n }\n\n private nextYear(event) {\n if (!this.nativePicker) {\n event.stopImmediatePropagation();\n this.flatpickr.changeMonth(NBROFMONTHS);\n }\n }\n}\n"]}

package/dist/collection/components/date-picker/pickers/TimePicker.js CHANGED Viewed

@@ -14,3 +14,4 @@ export class TimePicker extends Picker {
     };
   }
 }
+//# sourceMappingURL=TimePicker.js.map

package/dist/collection/components/date-picker/pickers/TimePicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/pickers/TimePicker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,OAAO,UAAW,SAAQ,MAAM;EAClC,YACI,aAAqB,IAAI,EACzB,QAAgB,EAChB,MAAoB;IAEpB,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;EACxC,CAAC;EAEM,SAAS;IACZ,OAAO;MACH,UAAU,EAAE,IAAI;MAChB,UAAU,EAAE,IAAI;MAChB,SAAS,EAAE,IAAI;MACf,eAAe,EAAE,CAAC;MAClB,WAAW,EAAE,EAAE;MACf,aAAa,EAAE,CAAC;KACnB,CAAC;EACN,CAAC;CACJ","sourcesContent":["import flatpickr from 'flatpickr';\nimport { EventEmitter } from '@stencil/core';\nimport { Picker } from './Picker';\n\nexport class TimePicker extends Picker {\n public constructor(\n dateFormat: string = 'LT',\n language: string,\n change: EventEmitter\n ) {\n super(dateFormat, language, change);\n }\n\n public getConfig(): flatpickr.Options.Options {\n return {\n enableTime: true,\n noCalendar: true,\n time_24hr: true, // eslint-disable-line camelcase\n minuteIncrement: 5,\n defaultHour: 12,\n defaultMinute: 0,\n };\n }\n}\n"]}

package/dist/collection/components/date-picker/pickers/WeekPicker.js CHANGED Viewed

@@ -13,3 +13,4 @@ export class WeekPicker extends Picker {
     return config;
   }
 }
+//# sourceMappingURL=WeekPicker.js.map

package/dist/collection/components/date-picker/pickers/WeekPicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"WeekPicker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/pickers/WeekPicker.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,8CAA8C,CAAC;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,OAAO,UAAW,SAAQ,MAAM;EAClC,YACI,aAAqB,YAAY,EACjC,QAAgB,EAChB,MAAoB;IAEpB,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;EACxC,CAAC;EAEM,SAAS,CAAC,YAAqB;IAClC,MAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,IAAI,CAAC,YAAY,EAAE;MACf,MAAM,CAAC,OAAO,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC;MACtC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;KAC7B;IAED,OAAO,MAAM,CAAC;EAClB,CAAC;CACJ","sourcesContent":["import flatpickr from 'flatpickr';\nimport weekSelectPlugin from 'flatpickr/dist/plugins/weekSelect/weekSelect';\nimport { EventEmitter } from '@stencil/core';\nimport { Picker } from './Picker';\n\nexport class WeekPicker extends Picker {\n public constructor(\n dateFormat: string = '[w] W GGGG',\n language: string,\n change: EventEmitter\n ) {\n super(dateFormat, language, change);\n }\n\n public getConfig(nativePicker: boolean): flatpickr.Options.Options {\n const config: any = {};\n\n if (!nativePicker) {\n config.plugins = [weekSelectPlugin()];\n config.weekNumbers = true;\n }\n\n return config;\n }\n}\n"]}

package/dist/collection/components/date-picker/pickers/YearPicker.js CHANGED Viewed

@@ -128,3 +128,4 @@ export class YearPicker extends Picker {
     }
   }
 }
+//# sourceMappingURL=YearPicker.js.map

package/dist/collection/components/date-picker/pickers/YearPicker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"YearPicker.js","sourceRoot":"","sources":["../../../../src/components/date-picker/pickers/YearPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import flatpickr from 'flatpickr';\nimport { EventEmitter } from '@stencil/core';\nimport { range } from 'lodash-es';\nimport moment, { Moment } from 'moment/moment';\nimport { Picker } from './Picker';\n\nimport { h } from 'jsx-dom';\nimport { Translations } from '../../../global/translations';\nconst YEAR_INTERVAL = 10;\nexport class YearPicker extends Picker {\n private yearElements: HTMLElement[] = [];\n private years: Moment[] = [];\n private selectedYear: string;\n\n public constructor(\n dateFormat: string = 'YYYY',\n language: string,\n change: EventEmitter<Date>,\n private translations: Translations\n ) {\n super(dateFormat, language, change);\n this.handleChange = this.handleChange.bind(this);\n this.handleClose = this.handleClose.bind(this);\n this.handleReady = this.handleReady.bind(this);\n }\n\n public init(element: HTMLElement, container: HTMLElement, value?: Date) {\n super.init(element, container, value);\n if (!this.nativePicker) {\n this.flatpickr.prevMonthNav.addEventListener(\n 'mousedown',\n this.prevYears\n );\n this.flatpickr.nextMonthNav.addEventListener(\n 'mousedown',\n this.nextYears\n );\n }\n }\n\n public destroy() {\n super.destroy();\n if (!this.nativePicker) {\n this.flatpickr?.prevMonthNav?.removeEventListener(\n 'mousedown',\n this.prevYears\n );\n this.flatpickr?.nextMonthNav?.removeEventListener(\n 'mousedown',\n this.nextYears\n );\n }\n }\n\n private prevYears = (event: MouseEvent) => {\n event.stopImmediatePropagation();\n this.addYears(-YEAR_INTERVAL);\n };\n\n private nextYears = (event: MouseEvent) => {\n event.stopImmediatePropagation();\n this.addYears(YEAR_INTERVAL);\n };\n\n private addYears(nbrYears: number) {\n this.years.forEach((year) => {\n year.add(nbrYears, 'years');\n });\n this.yearElements.forEach((el, index) => {\n el.innerHTML = moment(this.years[index])\n .locale(this.getMomentLang())\n .format('YYYY');\n });\n this.setSelectedYear();\n }\n\n private setSelectedYear() {\n this.yearElements.forEach((year) => {\n if (year.innerText === this.selectedYear) {\n year.classList.add('selected');\n } else {\n year.classList.remove('selected');\n }\n });\n }\n\n public getConfig(nativePicker: boolean): flatpickr.Options.Options {\n const config: any = {\n onChange: this.handleChange,\n };\n\n if (!nativePicker) {\n config.onReady = this.handleReady;\n }\n\n return config;\n }\n\n protected handleChange(selectedDates, dateString) {\n this.selectYear(selectedDates, dateString);\n }\n\n protected handleClose(selectedDates) {\n return super.handleClose(selectedDates).then(() => {\n this.selectYear(\n this.flatpickr.selectedDates,\n this.flatpickr.input.value\n );\n });\n }\n\n private handleReady(_, __, fp) {\n this.bootstrapYearPicker(fp);\n this.selectYear(fp.selectedDates, fp.input.value);\n }\n\n private bootstrapYearPicker(fp) {\n if (!this.nativePicker) {\n fp.innerContainer.remove();\n fp.currentYearElement.parentNode.remove();\n fp.calendarContainer\n .getElementsByClassName('flatpickr-month')[0]\n .replaceWith(this.renderHeading());\n fp.calendarContainer.appendChild(this.renderYearPicker(fp));\n }\n }\n\n private renderHeading(): any {\n return (\n <span className=\"datepicker-year-heading flatpickr-current-month\">\n {this.getLocalizedHeading()}\n </span>\n );\n }\n\n private getLocalizedHeading() {\n return this.translations.get('date-picker.year.heading', this.language);\n }\n\n private renderYearPicker(fp): any {\n // eslint-disable-next-line no-magic-numbers\n const halfInterval = YEAR_INTERVAL / 2;\n\n return (\n <div className=\"datepicker-years-container\">\n {range(-halfInterval, halfInterval).map((index) => {\n const year = moment().add(index, 'years');\n const renderedYear = this.renderYear(year, fp);\n this.years.push(year);\n this.yearElements.push(renderedYear);\n\n return renderedYear;\n })}\n </div>\n );\n }\n\n private renderYear(year, fp): any {\n return (\n <div\n className=\"datepicker-year\"\n onClick={() => {\n const date = moment(year).toDate();\n fp.setDate(date, true);\n fp.close();\n }}\n >\n {moment(year).locale(this.getMomentLang()).format('YYYY')}\n </div>\n );\n }\n\n private selectYear(selectedDates, dateString) {\n if (!this.nativePicker) {\n this.yearElements.forEach((year) => {\n if (\n dateString !== '' &&\n selectedDates[0] &&\n Number(year.innerText) === selectedDates[0].getFullYear()\n ) {\n this.selectedYear = year.innerText;\n year.classList.add('selected');\n } else {\n year.classList.remove('selected');\n }\n });\n }\n }\n}\n"]}

package/dist/collection/components/dialog/dialog.js CHANGED Viewed

@@ -160,11 +160,11 @@ export class Dialog {
   static get properties() {
     return {
       "heading": {
-        "type": "string",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "string | DialogHeading",
-          "resolved": "DialogHeading | string",
+          "resolved": "any",
           "references": {
             "DialogHeading": {
               "location": "import",
@@ -218,7 +218,7 @@ export class Dialog {
         "defaultValue": "false"
       },
       "closingActions": {
-        "type": "unknown",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "ClosingActions",
@@ -236,6 +236,8 @@ export class Dialog {
           "tags": [],
           "text": "Defines which action triggers a close-event."
         },
+        "attribute": "closing-actions",
+        "reflect": true,
         "defaultValue": "{\n        escapeKey: true,\n        scrimClick: true,\n    }"
       }
     };
@@ -284,3 +286,4 @@ export class Dialog {
       }];
   }
 }
+//# sourceMappingURL=dialog.js.map

package/dist/collection/components/dialog/dialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DialogHeading, ClosingActions } from '@limetech/lime-elements';\nimport { MDCDialog } from '@material/dialog';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { isEqual } from 'lodash-es';\nimport { dispatchResizeEvent } from '../../util/dispatch-resize-event';\nimport { createRandomString } from '../../util/random-string';\n\n/**\n * :::note\n * Regarding the `close` event: When putting other elements that emit `close`\n * events inside a dialog, those events must be caught and stopped inside the\n * dialog. If not, they will bubble to the event handler listening for `close`\n * events on the dialog, which will close the dialog too.\n *\n * See the example _Nested `close` events_.\n * :::\n *\n * :::important\n * Are you developing for\n * [Lime CRM](https://www.lime-technologies.com/en/lime-crm/)? Please note that\n * you should use the [DialogService](https://lundalogik.github.io/lime-web-components/versions/latest/#/api/dialog-service)\n * from Lime Web Components to open dialogs in Lime CRM.\n * :::\n * @exampleComponent limel-example-dialog\n * @exampleComponent limel-example-dialog-nested-close-events\n * @exampleComponent limel-example-dialog-heading\n * @exampleComponent limel-example-dialog-form\n * @exampleComponent limel-example-dialog-size\n * @exampleComponent limel-example-dialog-fullscreen\n * @exampleComponent limel-example-dialog-closing-actions\n * @exampleComponent limel-example-dialog-action-buttons\n * @slot - Content to put inside the dialog\n * @slot button - The dialog buttons\n */\n@Component({\n tag: 'limel-dialog',\n shadow: true,\n styleUrl: 'dialog.scss',\n})\nexport class Dialog {\n /**\n * The heading for the dialog, if any.\n */\n @Prop()\n public heading: string | DialogHeading;\n\n /**\n * Set to `true` to make the dialog \"fullscreen\".\n */\n @Prop({ reflect: true })\n public fullscreen = false;\n\n /**\n * `true` if the dialog is open, `false` otherwise.\n */\n @Prop({ mutable: true, reflect: true })\n public open = false;\n\n /**\n * Defines which action triggers a close-event.\n */\n @Prop({ reflect: true })\n public closingActions: ClosingActions = {\n escapeKey: true,\n scrimClick: true,\n };\n /**\n * Emitted when the dialog is closed from inside the component.\n * (*Not* emitted when the consumer sets the `open`-property to `false`.)\n */\n @Event()\n private close: EventEmitter<void>;\n\n /**\n * Emitted when the dialog is in the process of being closed.\n */\n @Event()\n private closing: EventEmitter<void>;\n\n @Element()\n private host: HTMLLimelDialogElement;\n\n private mdcDialog: MDCDialog;\n\n private id: string;\n\n private showFooter = true;\n\n constructor() {\n this.handleMdcOpened = this.handleMdcOpened.bind(this);\n this.handleMdcClosed = this.handleMdcClosed.bind(this);\n this.handleMdcClosing = this.handleMdcClosing.bind(this);\n }\n\n public connectedCallback() {\n this.initialize();\n }\n\n public componentWillLoad() {\n this.id = createRandomString();\n this.showFooter = !!this.host.querySelector('[slot=\"button\"]');\n }\n\n public componentDidLoad() {\n this.initialize();\n }\n\n private initialize() {\n const element = this.host.shadowRoot.querySelector('.mdc-dialog');\n if (!element) {\n return;\n }\n\n this.mdcDialog = new MDCDialog(element);\n if (this.open) {\n this.mdcDialog.open();\n }\n\n this.mdcDialog.listen('MDCDialog:opened', this.handleMdcOpened);\n this.mdcDialog.listen('MDCDialog:closed', this.handleMdcClosed);\n this.mdcDialog.listen('MDCDialog:closing', this.handleMdcClosing);\n\n this.setClosingActions();\n }\n\n public disconnectedCallback() {\n this.mdcDialog.unlisten('MDCDialog:opened', this.handleMdcOpened);\n this.mdcDialog.unlisten('MDCDialog:closed', this.handleMdcClosed);\n this.mdcDialog.unlisten('MDCDialog:closing', this.handleMdcClosing);\n this.mdcDialog.destroy();\n }\n\n public render() {\n return (\n <div\n class={{\n 'mdc-dialog': true,\n 'full-screen': !!this.fullscreen,\n }}\n role=\"alertdialog\"\n aria-modal=\"true\"\n aria-labelledby={'limel-dialog-title-' + this.id}\n aria-describedby={'limel-dialog-content-' + this.id}\n >\n <input hidden={true} id=\"initialFocusEl\" />\n <div class=\"mdc-dialog__container\">\n <div class=\"mdc-dialog__surface\">\n {/*\n The `initialFocusElement` below is needed to make\n focus trapping work. At the time of writing, the\n focusable elements inside the slots are not\n detected, so we supply our own hidden element for\n the focus trap to use. Read more here:\n https://github.com/material-components/material-components-web/tree/v11.0.0/packages/mdc-dialog#handling-focus-trapping\n */}\n <input type=\"text\" id=\"initialFocusElement\" />\n {this.renderHeading()}\n <div\n class=\"mdc-dialog__content scrollbox\"\n id={'limel-dialog-content-' + this.id}\n >\n <slot />\n </div>\n {this.renderFooter()}\n </div>\n </div>\n <div class=\"mdc-dialog__scrim\" />\n </div>\n );\n }\n\n @Watch('open')\n protected watchHandler(newValue: boolean, oldValue: boolean) {\n if (oldValue === newValue) {\n return;\n }\n\n if (!this.mdcDialog) {\n return;\n }\n\n if (newValue) {\n this.mdcDialog.open();\n } else {\n this.mdcDialog.close();\n }\n }\n\n @Watch('closingActions')\n protected closingActionsChanged(\n newValue: ClosingActions,\n oldValue: ClosingActions\n ) {\n if (isEqual(newValue, oldValue)) {\n return;\n }\n\n this.setClosingActions();\n }\n\n private handleMdcOpened() {\n // When the opening-animation has completed, dispatch a\n // resize-event so that any content that depends on\n // javascript for layout has a chance to update to the\n // final layout of the dialog. /Ads\n const waitForUiToRender = 100;\n setTimeout(dispatchResizeEvent, waitForUiToRender);\n }\n\n private handleMdcClosed() {\n if (this.open) {\n this.close.emit();\n }\n\n this.open = false;\n }\n\n private handleMdcClosing() {\n this.closing.emit();\n }\n\n private isBadgeHeading(\n heading: string | DialogHeading\n ): heading is DialogHeading {\n return typeof heading === 'object' && !!heading.title && !!heading.icon;\n }\n\n private renderHeading() {\n if (this.isBadgeHeading(this.heading)) {\n const { title, subtitle, supportingText, icon } = this.heading;\n\n return (\n <limel-header\n icon={icon}\n heading={title}\n subheading={subtitle}\n supportingText={supportingText}\n ></limel-header>\n );\n } else if (typeof this.heading === 'string') {\n return <limel-header heading={this.heading}></limel-header>;\n }\n\n return null;\n }\n\n private renderFooter() {\n if (this.showFooter) {\n return (\n <footer class=\"mdc-dialog__actions\">\n <slot name=\"button\" />\n </footer>\n );\n }\n }\n\n private setClosingActions() {\n this.mdcDialog.scrimClickAction = '';\n if (this.closingActions.scrimClick) {\n this.mdcDialog.scrimClickAction = 'close';\n }\n\n this.mdcDialog.escapeKeyAction = '';\n if (this.closingActions.escapeKey) {\n this.mdcDialog.escapeKeyAction = 'close';\n }\n }\n}\n"]}

package/dist/collection/components/dialog/dialog.types.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export {};
2	+ //# sourceMappingURL=dialog.types.js.map

package/dist/collection/components/dialog/dialog.types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"dialog.types.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface DialogHeading {\n title: string;\n subtitle?: string;\n supportingText?: string;\n icon: string;\n}\n\nexport interface ClosingActions {\n escapeKey: boolean;\n scrimClick: boolean;\n}\n"]}

package/dist/collection/components/dock/dock-button/dock-button.js CHANGED Viewed

@@ -224,3 +224,4 @@ export class DockButton {
       }];
   }
 }
+//# sourceMappingURL=dock-button.js.map

package/dist/collection/components/dock/dock-button/dock-button.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dock-button.js","sourceRoot":"","sources":["../../../../src/components/dock/dock-button/dock-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n h,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { DockItem } from '../dock.types';\nimport { createRandomString } from '../../../util/random-string';\n\n/**\n * @private\n */\n@Component({\n tag: 'limel-dock-button',\n shadow: false,\n styleUrl: 'dock-button.scss',\n})\nexport class DockButton {\n /**\n * Item that is placed in the dock.\n */\n @Prop()\n public item!: DockItem;\n\n /**\n * When the dock is expanded or collapsed, dock items\n * show labels and tooltips as suitable for the layout.\n */\n @Prop({ reflect: true })\n public expanded? = false;\n\n /**\n * When dock is using mobile layout, dock items\n * show labels and tooltips as suitable for the layout.\n */\n @Prop({ reflect: true })\n public useMobileLayout? = false;\n\n /**\n * Fired when a dock item has been selected from the dock.\n */\n @Event()\n public itemSelected: EventEmitter<DockItem>;\n\n /**\n * Fired when a dock menu is opened.\n */\n @Event()\n public menuOpen: EventEmitter<DockItem>;\n\n /**\n * Indicated whether the popover that renders a component is open.\n */\n @State()\n private isOpen = false;\n\n /**\n * Fired when the popover is closed.\n */\n @Event()\n public close: EventEmitter<void>;\n\n private tooltipId: string;\n private customComponentElement: HTMLElement;\n\n constructor() {\n this.tooltipId = createRandomString();\n }\n\n public render() {\n if (this.item?.dockMenu?.componentName) {\n return this.renderPopover();\n }\n\n return this.renderButton(this.handleClick);\n }\n\n @Watch('isOpen')\n protected openWatcher() {\n if (!this.isOpen) {\n return;\n }\n\n const observer = new IntersectionObserver(\n this.focusCustomComponentElement\n );\n observer.observe(this.customComponentElement);\n }\n\n private renderPopover() {\n const CustomComponent = this.item?.dockMenu.componentName;\n\n return (\n <limel-popover\n openDirection={this.useMobileLayout ? 'top' : 'right'}\n open={this.isOpen || this.item.dockMenu.menuOpen}\n onClose={this.onPopoverClose}\n >\n {this.renderButton(this.openPopover, 'trigger')}\n <CustomComponent\n ref={this.setCustomComponentElement}\n {...(this.item.dockMenu.props || {})}\n onClose={this.onPopoverClose}\n />\n </limel-popover>\n );\n }\n\n private renderButton(\n handleClick: (event: MouseEvent) => void,\n slot?: string\n ) {\n return (\n <button\n slot={slot}\n tabindex=\"0\"\n id={this.tooltipId}\n type=\"button\"\n class={{\n button: true,\n selected: this.item?.selected,\n }}\n onClick={handleClick}\n aria-live=\"polite\"\n >\n {this.renderIcon()}\n {this.renderLabel()}\n {this.renderTooltip()}\n {this.renderNotification()}\n </button>\n );\n }\n\n private renderNotification = () => {\n if (this.item.badge !== undefined) {\n return <limel-badge label={this.item.badge} />;\n }\n };\n\n private openPopover = (event: MouseEvent) => {\n event.stopPropagation();\n this.isOpen = true;\n this.menuOpen.emit(this.item);\n };\n\n private setCustomComponentElement = (element: HTMLElement) => {\n this.customComponentElement = element;\n };\n\n private onPopoverClose = () => {\n this.isOpen = false;\n this.close.emit();\n };\n\n private handleClick = (event: MouseEvent) => {\n event.stopPropagation();\n this.itemSelected.emit(this.item);\n };\n\n private renderIcon() {\n if (!this.item.icon) {\n return;\n }\n\n return <limel-icon name={this.item.icon} class=\"icon\" />;\n }\n\n private renderLabel() {\n if (this.expanded) {\n return <span class=\"text\">{this.item.label}</span>;\n }\n }\n\n private renderTooltip() {\n if (!this.expanded && this.item.label) {\n return (\n <limel-tooltip\n elementId={this.tooltipId}\n label={this.item.label}\n helperLabel={this.item.helperLabel}\n />\n );\n }\n\n if (this.expanded && this.item.helperLabel) {\n return (\n <limel-tooltip\n elementId={this.tooltipId}\n label={this.item.helperLabel}\n />\n );\n }\n }\n\n private focusCustomComponentElement = () => {\n if (this.customComponentElement?.shadowRoot?.delegatesFocus) {\n this.customComponentElement?.focus();\n }\n };\n}\n"]}

package/dist/collection/components/dock/dock.js CHANGED Viewed

@@ -270,3 +270,4 @@ export class Dock {
       }];
   }
 }
+//# sourceMappingURL=dock.js.map

package/dist/collection/components/dock/dock.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dock.js","sourceRoot":"","sources":["../../../src/components/dock/dock.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\nimport { DockItem } from './dock.types';\n\nconst DEFAULT_MOBILE_BREAKPOINT = 700;\n\n/**\n * @exampleComponent limel-example-dock-basic\n * @exampleComponent limel-example-dock-custom-component\n * @exampleComponent limel-example-dock-notification\n * @exampleComponent limel-example-dock-mobile\n * @exampleComponent limel-example-dock-expanded\n * @exampleComponent limel-example-dock-colors-css\n */\n@Component({\n tag: 'limel-dock',\n shadow: true,\n styleUrl: 'dock.scss',\n})\nexport class Dock {\n /**\n * Items that are placed in the dock.\n */\n @Prop()\n public dockItems: DockItem[] = [];\n\n /**\n * Items that are placed at the bottom of the dock. (Or at the end in mobile\n * layout.)\n */\n @Prop()\n public dockFooterItems?: DockItem[] = [];\n\n /**\n * A label used to describe the purpose of the navigation element to users\n * of assistive technologies, like screen readers. Especially useful when\n * there are multiple navigation elements in the user interface.\n * Example value: \"Primary navigation\"\n */\n @Prop({ reflect: true })\n public accessibleLabel?: string;\n\n /**\n * Defines the width of the component, when it loads.\n * - `true`: shows both icons and labels of the Dock items.\n * - `false`: only shows icons of the doc items, and displays\n * their labels as tooltip.\n *\n * Note: when `useMobileLayout` is `true`, labels will always\n * be shown as tooltips. Read more below…\n */\n @Prop({ reflect: true })\n public expanded? = false;\n\n /**\n * Set to `false` if you do not want to allow end-users\n * to exapnd or shrink the Dock. This will hide the\n * expand/shrink button, and the only things that defines\n * the layout will be the `expanded` property, and\n * the `mobileBreakPoint`.\n */\n @Prop({ reflect: true })\n public allowResize? = true;\n\n /**\n * Defines the breakpoint in pixles, at which the component will be rendered\n * in a hoizontal layout. Default breakpoint is `700` pixels, which means\n * when the screen size is smaller than `700px`, the component will automatically\n * switch to a horizontal layout.\n */\n @Prop({ reflect: true })\n public mobileBreakPoint?: number = DEFAULT_MOBILE_BREAKPOINT;\n\n /**\n * Fired when a dock item has been selected from the dock.\n */\n @Event()\n public itemSelected: EventEmitter<DockItem>;\n\n /**\n * Fired when a dock menu is opened.\n */\n @Event()\n public menuOpen: EventEmitter<DockItem>;\n\n /**\n * Fired when the popover is closed.\n */\n @Event()\n public close: EventEmitter<void>;\n\n /**\n * Fired when a Dock is expanded or collapsed.\n */\n @Event()\n private dockExpanded: EventEmitter<boolean>;\n\n /**\n * Is used to render the component horizontally, and place\n * the Dock items in a row.\n */\n @State()\n private useMobileLayout = false;\n\n private resizeObserver: ResizeObserver;\n\n public componentDidLoad() {\n this.resizeObserver = new ResizeObserver(this.handleResize);\n this.resizeObserver.observe(document.body);\n }\n\n disconnectedCallback() {\n this.resizeObserver.disconnect();\n }\n\n public render() {\n return (\n <Host\n class={{\n dock: true,\n expanded: this.expanded,\n 'has-mobile-layout': this.useMobileLayout,\n }}\n >\n <nav aria-label={this.accessibleLabel}>\n {this.dockItems.map(this.renderDockItem)}\n {this.renderSeparator()}\n {this.dockFooterItems.map(this.renderDockItem)}\n </nav>\n {this.renderExpandShrinkToggle()}\n </Host>\n );\n }\n\n private renderSeparator = () => {\n return this.useMobileLayout ? null : <span class=\"footer-separator\" />;\n };\n\n private renderDockItem = (item: DockItem) => {\n return (\n <limel-dock-button\n class={{\n 'dock-item': true,\n selected: item.selected,\n }}\n item={item}\n expanded={this.expanded && !this.useMobileLayout}\n useMobileLayout={this.useMobileLayout}\n />\n );\n };\n\n private handleResize = () => {\n if (window.innerWidth <= this.mobileBreakPoint) {\n this.useMobileLayout = true;\n } else {\n this.useMobileLayout = false;\n }\n };\n\n private renderExpandShrinkToggle() {\n if (this.useMobileLayout || !this.allowResize) {\n return;\n }\n\n return (\n <button\n class={{\n 'expand-shrink': true,\n expanded: this.expanded,\n }}\n onClick={this.toggleDockWidth}\n >\n <limel-icon name=\"angle_right\" />\n </button>\n );\n }\n\n private toggleDockWidth = () => {\n this.expanded = !this.expanded;\n this.dockExpanded.emit(this.expanded);\n };\n}\n"]}

package/dist/collection/components/dock/dock.types.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export {};
2	+ //# sourceMappingURL=dock.types.js.map

package/dist/collection/components/dock/dock.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dock.types.js","sourceRoot":"","sources":["../../../src/components/dock/dock.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface DockItem {\n /**\n * A non-changing value to uniquely identify each item.\n */\n id: string;\n\n /**\n * Text to display for the item.\n */\n label: string;\n\n /**\n * Name of the icon to use.\n */\n icon: string;\n\n /**\n * Additional helper text for the dock item.\n * Example usage can be a keyboard shortcut to activate the dock item.\n */\n helperLabel?: string;\n\n /* eslint-disable no-irregular-whitespace */\n /**\n * Whether the dock item should indicate it is selected.\n * These dock items normally take the user to a top-level location within\n * the navigation tree; for example \"Home\", \"Search\" or \"My Account\".\n * Set `selected` to `true`, when:\n * - the user interface is showing the same top-level location as the dock\n * item is pointing at, or\n * - the user interface is showing a page which is a sub-location of the\n * top-level location. For example, when user is at\n * _My Account > Notification Settings_, the dock item of _My Account_\n * should have the `selected` state.\n */\n selected?: boolean;\n /* eslint-enable no-irregular-whitespace */\n\n /**\n * Used to specify a custom component to render as a menu for the dock item.\n */\n dockMenu?: DockMenu;\n\n /**\n * If specified, will display a notification badge on the buttons in the dock.\n */\n badge?: number | string;\n}\n\nexport interface DockMenu {\n /**\n * The tag name of a custom component to be displayed in a popover when\n * clicking on the dock item this menu belongs to.\n */\n componentName: string;\n\n /**\n * Whether the menu is open.\n */\n menuOpen?: boolean;\n\n /**\n * Any properties that should be set on the custom component.\n */\n props?: {\n [key: string]: any;\n };\n}\n"]}

package/dist/collection/components/file/file-metadata.js CHANGED Viewed

@@ -43,3 +43,4 @@ export function getExtension(file) {
   }
   return file.filename.split('.').pop();
 }
+//# sourceMappingURL=file-metadata.js.map

package/dist/collection/components/file/file-metadata.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file-metadata.js","sourceRoot":"","sources":["../../../src/components/file/file-metadata.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,UAAU,WAAW,CAAC,IAAc;EACtC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;IACZ,OAAO,IAAI,CAAC,IAAI,CAAC;GACpB;EAED,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;EACrC,IAAI,CAAC,SAAS,EAAE;IACZ,OAAO;GACV;EAED,OAAO,cAAc,CAAC,SAAS,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAc;EACvC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE;IACjB,OAAO,IAAI,CAAC,SAAS,CAAC;GACzB;EAED,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;EACrC,IAAI,CAAC,SAAS,EAAE;IACZ,OAAO;GACV;EAED,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAc;EACjD,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,EAAE;IAC3B,OAAO,IAAI,CAAC,mBAAmB,CAAC;GACnC;EAED,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;EACrC,IAAI,CAAC,SAAS,EAAE;IACZ,OAAO;GACV;EAED,OAAO,6BAA6B,CAAC,SAAS,CAAC,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,IAAc;EAChD,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;IACZ,OAAO,IAAI,CAAC,IAAI,CAAC;GACpB;EAED,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAc;EACvC,IAAI,CAAC,IAAI,EAAE;IACP,OAAO;GACV;EAED,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;AAC1C,CAAC","sourcesContent":["import { FileInfo } from '@limetech/lime-elements';\nimport { getIconForFile } from './icons';\nimport { getIconFillColorForFile } from './icon-fill-colors';\nimport { getIconBackgroundColorForFile } from './icon-background-colors';\n\nexport function getFileIcon(file: FileInfo) {\n if (file?.icon) {\n return file.icon;\n }\n\n const extension = getExtension(file);\n if (!extension) {\n return;\n }\n\n return getIconForFile(extension);\n}\n\nexport function getFileColor(file: FileInfo) {\n if (file?.iconColor) {\n return file.iconColor;\n }\n\n const extension = getExtension(file);\n if (!extension) {\n return;\n }\n\n return getIconFillColorForFile(extension);\n}\n\nexport function getFileBackgroundColor(file: FileInfo) {\n if (file?.iconBackgroundColor) {\n return file.iconBackgroundColor;\n }\n\n const extension = getExtension(file);\n if (!extension) {\n return;\n }\n\n return getIconBackgroundColorForFile(extension);\n}\n\nexport function getFileExtensionTitle(file: FileInfo) {\n if (file?.icon) {\n return file.icon;\n }\n\n return getExtension(file);\n}\n\nexport function getExtension(file: FileInfo) {\n if (!file) {\n return;\n }\n\n return file.filename.split('.').pop();\n}\n"]}

package/dist/collection/components/file/file.js CHANGED Viewed

@@ -189,7 +189,7 @@ export class File {
   static get properties() {
     return {
       "value": {
-        "type": "unknown",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "FileInfo",
@@ -206,7 +206,9 @@ export class File {
         "docs": {
           "tags": [],
           "text": "The selected file."
-        }
+        },
+        "attribute": "value",
+        "reflect": false
       },
       "label": {
         "type": "string",
@@ -298,11 +300,11 @@ export class File {
         "defaultValue": "'*'"
       },
       "language": {
-        "type": "string",
+        "type": "any",
         "mutable": false,
         "complexType": {
           "original": "Languages",
-          "resolved": "\"da\" | \"de\" | \"en\" | \"fi\" | \"fr\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
+          "resolved": "Languages",
           "references": {
             "Languages": {
               "location": "import",
@@ -367,3 +369,4 @@ export class File {
   }
   static get elementRef() { return "element"; }
 }
+//# sourceMappingURL=file.js.map

package/dist/collection/components/file/file.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file.js","sourceRoot":"","sources":["../../../src/components/file/file.tsx"],"names":[],"mappings":"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","sourcesContent":["import translate from '../../global/translations';\nimport { Chip, FileInfo, Languages } from '@limetech/lime-elements';\nimport { MDCTextField } from '@material/textfield';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Prop,\n State,\n} from '@stencil/core';\nimport { createRandomString } from '../../util/random-string';\nimport {\n getFileBackgroundColor,\n getFileColor,\n getFileExtensionTitle,\n getFileIcon,\n} from './file-metadata';\n\nconst CHIP_SET_TAG_NAME = 'limel-chip-set';\nconst DEFAULT_FILE_CHIP: Chip = {\n id: null,\n text: null,\n removable: true,\n};\n\n/**\n * This component lets end-users select a *single* file from their device\n * storage. Regardless of the user's device or operating system, this component\n * opens up a file picker dialog that allows the user to choose a file.\n *\n * ## Using correct labels\n *\n * This file picker can be used in different contexts. The component's distinct\n * visual design including the upload icon hints end-users that this is not a\n * normal input field like other fields in the form for example.\n *\n * :::important\n * you need to use a descriptive `label` that clarifies the\n * functionality of the file picker, and/or provides users with clear\n * instructions.\n *\n * Depending on the context, you may need to avoid labels such as:\n * - File\n * - Document\n *\n * and instead consider using labels like:\n * - Attach a file\n * - Upload a file\n * - Choose a document\n * - Choose a file\n *\n * and similar phrases...\n * :::\n * @exampleComponent limel-example-file\n * @exampleComponent limel-example-file-custom-icon\n * @exampleComponent limel-example-file-accepted-types\n * @exampleComponent limel-example-file-composite\n */\n@Component({\n tag: 'limel-file',\n shadow: true,\n styleUrl: 'file.scss',\n})\nexport class File {\n /**\n * The selected file.\n */\n @Prop()\n public value: FileInfo;\n\n /**\n * The input label.\n */\n @Prop({ reflect: true })\n public label: string;\n\n /**\n * Set to `true` to indicate that the field is required.\n */\n @Prop({ reflect: true })\n public required: boolean = false;\n\n /**\n * True if the input should be disabled\n */\n @Prop({ reflect: true })\n public disabled: boolean = false;\n\n /**\n * Set to `true` to disable adding and removing files, but allow interaction\n * with any already existing file.\n */\n @Prop({ reflect: true })\n public readonly: boolean = false;\n\n /**\n * The [accepted file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)\n */\n @Prop({ reflect: true })\n public accept: string = '*';\n\n /**\n * Defines the localisation for translations.\n */\n @Prop()\n public language: Languages = 'en';\n\n /**\n * Dispatched when a file is selected/deselected\n */\n @Event()\n private change: EventEmitter<FileInfo>;\n\n /**\n * Dispatched when clicking on a chip\n */\n @Event()\n private interact: EventEmitter<number | string>;\n\n @Element()\n private element: HTMLLimelFileElement;\n\n @State()\n private isDraggingOverDropZone = false;\n\n private fileInput: HTMLInputElement;\n private fileInputId = createRandomString();\n private chipSet;\n private mdcTextField;\n\n constructor() {\n this.handleFileSelection = this.handleFileSelection.bind(this);\n this.handleFileChange = this.handleFileChange.bind(this);\n this.handleChipSetChange = this.handleChipSetChange.bind(this);\n this.handleFileDrop = this.handleFileDrop.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleKeyUp = this.handleKeyUp.bind(this);\n this.handleChipInteract = this.handleChipInteract.bind(this);\n }\n\n public connectedCallback() {\n this.initialize();\n }\n\n public componentDidLoad() {\n this.fileInput = this.element.shadowRoot.getElementById(\n this.fileInputId\n ) as HTMLInputElement;\n this.chipSet = this.element.shadowRoot.querySelector(CHIP_SET_TAG_NAME);\n this.initialize();\n }\n\n private initialize() {\n if (!this.chipSet) {\n return;\n }\n\n this.mdcTextField = new MDCTextField(\n this.chipSet.shadowRoot.querySelector('.mdc-text-field')\n );\n }\n\n public disconnectedCallback() {\n if (this.mdcTextField) {\n this.mdcTextField.destroy();\n }\n }\n\n public render() {\n return [\n <input\n hidden={true}\n id={this.fileInputId}\n onChange={this.handleFileChange}\n type=\"file\"\n accept={this.accept}\n disabled={this.disabled || this.readonly}\n />,\n <limel-chip-set\n class={{\n 'is-file-picker': true,\n 'shows-dropzone': true,\n 'highlight-dropzone': this.isDraggingOverDropZone,\n }}\n disabled={this.disabled}\n readonly={this.readonly}\n label={this.label}\n leadingIcon=\"upload_to_cloud\"\n language={this.language}\n onChange={this.handleChipSetChange}\n onClick={this.handleFileSelection}\n onInteract={this.handleChipInteract}\n onKeyDown={this.handleKeyDown}\n onKeyUp={this.handleKeyUp}\n required={this.required}\n type=\"input\"\n value={this.chipArray}\n title={this.getTranslation('drag-and-drop-tips')}\n onDragEnter={this.handleDragEnter}\n onDragOver={this.preventAndStop}\n onDragLeave={this.handleDragLeave}\n onDrop={this.handleFileDrop}\n />,\n ];\n }\n\n private handleDragEnter = (event: DragEvent) => {\n this.isDraggingOverDropZone = true;\n this.preventAndStop(event);\n };\n\n private handleDragLeave = () => {\n this.isDraggingOverDropZone = false;\n };\n\n private handleFileDrop = (event: DragEvent) => {\n this.preventAndStop(event);\n this.isDraggingOverDropZone = false;\n const dataTransfer = event.dataTransfer;\n this.handleFile(dataTransfer.files[0]);\n };\n\n private get chipArray() {\n if (!this.value) {\n return [];\n }\n\n return [\n {\n ...DEFAULT_FILE_CHIP,\n text: this.value.filename,\n id: this.value.id,\n icon: getFileIcon(this.value),\n iconFillColor: getFileColor(this.value),\n iconBackgroundColor: getFileBackgroundColor(this.value),\n href: this.value.href,\n iconTitle: getFileExtensionTitle(this.value),\n },\n ];\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if (\n event.code === 'Tab' ||\n event.code === 'Backspace' ||\n event.code === 'Enter'\n ) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n }\n\n private handleKeyUp(event: KeyboardEvent) {\n if (event.code === 'Enter' && !this.value) {\n this.fileInput.click();\n }\n }\n\n private handleFileSelection(event: Event) {\n event.stopPropagation();\n event.preventDefault();\n if (!this.value) {\n this.fileInput.click();\n }\n }\n\n private handleFileChange(event: Event) {\n if (this.fileInput.files.length > 0) {\n event.stopPropagation();\n this.handleFile(this.fileInput.files[0]);\n }\n }\n\n private handleFile(file) {\n const limeFile: FileInfo = {\n id: createRandomString(),\n filename: file.name,\n contentType: file.type,\n size: file.size,\n fileContent: file,\n };\n this.change.emit(limeFile);\n this.chipSet.blur();\n this.mdcTextField.valid = true;\n }\n\n private handleChipSetChange(event: CustomEvent) {\n event.stopPropagation();\n const file = !event.detail.length ? event.detail[0] : null;\n this.chipSet.blur();\n if (!file) {\n this.fileInput.value = '';\n this.change.emit(file);\n if (this.required) {\n this.mdcTextField.valid = false;\n }\n }\n }\n\n private handleChipInteract(event: CustomEvent<Chip>) {\n event.stopPropagation();\n event.preventDefault();\n this.interact.emit(event.detail.id);\n }\n\n private preventAndStop(event: Event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n private getTranslation(key: string) {\n return translate.get(`file.${key}`, this.language);\n }\n}\n"]}

package/dist/collection/components/file/file.types.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export {};
2	+ //# sourceMappingURL=file.types.js.map

package/dist/collection/components/file/file.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file.types.js","sourceRoot":"","sources":["../../../src/components/file/file.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface FileInfo {\n /**\n * ID of the file. Must be unique.\n */\n id: number | string;\n\n /**\n * Name of file.\n */\n filename: string;\n\n /**\n * Extension of file.\n */\n extension?: string;\n\n /**\n * Content type of file.\n */\n contentType?: string;\n\n /**\n * Date of last modification.\n */\n lastModified?: Date;\n\n /**\n * Size of file.\n */\n size?: number;\n\n /**\n * the file content\n */\n fileContent?: File;\n\n /**\n * Name of the icon to use.\n */\n icon?: string;\n\n /**\n * Icon color. Overrides `--icon-color`.\n */\n iconColor?: string;\n\n /**\n * Background color of the icon. Overrides `--icon-background-color`.\n */\n iconBackgroundColor?: string;\n\n /**\n * URL where the file can be downloaded. Note that this is optional. If the\n * file cannot be directly accessed via a unique url, this property should\n * be left undefined or set to `null`.\n */\n href?: string;\n}\n"]}

package/dist/collection/components/file/icon-background-colors.js CHANGED Viewed

@@ -110,3 +110,4 @@ export function getIconBackgroundColorForFile(extension) {
   return (filetypeBackgroundColorTable[extension.toLowerCase()] ||
     DEFAULT_ICON_BACKGROUND_COLOR);
 }
+//# sourceMappingURL=icon-background-colors.js.map

package/dist/collection/components/file/icon-background-colors.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon-background-colors.js","sourceRoot":"","sources":["../../../src/components/file/icon-background-colors.ts"],"names":[],"mappings":"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","sourcesContent":["const DEFAULT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';\nconst CALENDAR_ICON_BACKGROUND_COLOR = 'rgba(var(--color-cyan-lighter), 0.4)';\nconst EMAIL_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';\nconst HTML_ICON_BACKGROUND_COLOR = 'rgba(var(--color-blue-lighter), 0.4)';\nconst TEXT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-yellow-lighter), 0.4)';\nconst EXCEL_ICON_BACKGROUND_COLOR = 'rgba(var(--color-green-lighter), 0.4)';\nconst POWERPOINT_ICON_BACKGROUND_COLOR =\n 'rgba(var(--color-coral-lighter), 0.4)';\nconst WORD_ICON_BACKGROUND_COLOR = 'rgba(var(--color-sky-lighter), 0.4)';\nconst IMAGE_ICON_BACKGROUND_COLOR = 'rgba(var(--color-lime-lighter), 0.4)';\nconst VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR =\n 'rgba(var(--color-magenta-lighter), 0.4)';\nconst PRESENTATION_BACKGROUND_COLOR = 'rgba(var(--color-blue-lighter), 0.4)';\nconst DOCUMENT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-orange-lighter), 0.4)';\nconst SPREADSHEET_ICON_BACKGROUND_COLOR =\n 'rgba(var(--color-green-lighter), 0.4)';\nconst AUDIO_ICON_BACKGROUND_COLOR = 'rgba(var(--color-indigo-lighter), 0.4)';\nconst VIDEO_ICON_BACKGROUND_COLOR = 'rgba(var(--color-red-lighter), 0.4)';\nconst COMPRESSED_ICON_BACKGROUND_COLOR =\n 'rgba(var(--color-orange-lighter), 0.4)';\nconst MESSAGE_ICON_BACKGROUND_COLOR = 'rgba(var(--color-yellow-lighter), 0.4)';\nconst PDF_ICON_BACKGROUND_COLOR = 'rgba(var(--color-red-lighter), 0.4)';\nconst DATA_ICON_BACKGROUND_COLOR = 'rgba(var(--color-glaucous-lighter), 0.4)';\n\nconst filetypeBackgroundColorTable: Record<string, string> = {\n // Message\n msg: MESSAGE_ICON_BACKGROUND_COLOR,\n\n // Calendar\n ics: CALENDAR_ICON_BACKGROUND_COLOR,\n ical: CALENDAR_ICON_BACKGROUND_COLOR,\n icalendar: CALENDAR_ICON_BACKGROUND_COLOR,\n\n // Email\n ifb: CALENDAR_ICON_BACKGROUND_COLOR,\n email: EMAIL_ICON_BACKGROUND_COLOR,\n eml: EMAIL_ICON_BACKGROUND_COLOR,\n oft: EMAIL_ICON_BACKGROUND_COLOR,\n ost: EMAIL_ICON_BACKGROUND_COLOR,\n emlx: EMAIL_ICON_BACKGROUND_COLOR,\n\n // Web\n html: HTML_ICON_BACKGROUND_COLOR,\n xml: HTML_ICON_BACKGROUND_COLOR,\n\n // Editable text\n txt: TEXT_ICON_BACKGROUND_COLOR,\n rtf: TEXT_ICON_BACKGROUND_COLOR,\n\n // Editable document\n dot: WORD_ICON_BACKGROUND_COLOR,\n doc: WORD_ICON_BACKGROUND_COLOR,\n docx: WORD_ICON_BACKGROUND_COLOR,\n dotx: WORD_ICON_BACKGROUND_COLOR,\n docm: WORD_ICON_BACKGROUND_COLOR,\n dotm: WORD_ICON_BACKGROUND_COLOR,\n odt: DOCUMENT_ICON_BACKGROUND_COLOR,\n pages: DOCUMENT_ICON_BACKGROUND_COLOR,\n\n // Portable document\n pdf: PDF_ICON_BACKGROUND_COLOR,\n\n // Presentation\n ppt: POWERPOINT_ICON_BACKGROUND_COLOR,\n pot: POWERPOINT_ICON_BACKGROUND_COLOR,\n pps: POWERPOINT_ICON_BACKGROUND_COLOR,\n pptx: POWERPOINT_ICON_BACKGROUND_COLOR,\n pptm: POWERPOINT_ICON_BACKGROUND_COLOR,\n potx: POWERPOINT_ICON_BACKGROUND_COLOR,\n potm: POWERPOINT_ICON_BACKGROUND_COLOR,\n ppam: POWERPOINT_ICON_BACKGROUND_COLOR,\n ppsx: POWERPOINT_ICON_BACKGROUND_COLOR,\n ppsm: POWERPOINT_ICON_BACKGROUND_COLOR,\n sldx: POWERPOINT_ICON_BACKGROUND_COLOR,\n sldm: POWERPOINT_ICON_BACKGROUND_COLOR,\n odp: PRESENTATION_BACKGROUND_COLOR,\n key: PRESENTATION_BACKGROUND_COLOR,\n\n // Spreadsheet\n xls: EXCEL_ICON_BACKGROUND_COLOR,\n xlsx: EXCEL_ICON_BACKGROUND_COLOR,\n csv: DEFAULT_ICON_BACKGROUND_COLOR,\n numbers: SPREADSHEET_ICON_BACKGROUND_COLOR,\n\n // Image\n bmp: IMAGE_ICON_BACKGROUND_COLOR,\n jpg: IMAGE_ICON_BACKGROUND_COLOR,\n jpeg: IMAGE_ICON_BACKGROUND_COLOR,\n heic: IMAGE_ICON_BACKGROUND_COLOR,\n png: IMAGE_ICON_BACKGROUND_COLOR,\n gif: IMAGE_ICON_BACKGROUND_COLOR,\n\n // Editable image\n psd: PRESENTATION_BACKGROUND_COLOR,\n ai: DOCUMENT_ICON_BACKGROUND_COLOR,\n\n // Vector graphic\n svg: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n svgz: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n ep: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n eps: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n sketch: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,\n\n // Audio\n mp3: AUDIO_ICON_BACKGROUND_COLOR,\n wav: AUDIO_ICON_BACKGROUND_COLOR,\n wma: AUDIO_ICON_BACKGROUND_COLOR,\n ogg: AUDIO_ICON_BACKGROUND_COLOR,\n\n // Video\n flv: VIDEO_ICON_BACKGROUND_COLOR,\n h264: VIDEO_ICON_BACKGROUND_COLOR,\n mov: VIDEO_ICON_BACKGROUND_COLOR,\n mp4: VIDEO_ICON_BACKGROUND_COLOR,\n mwv: VIDEO_ICON_BACKGROUND_COLOR,\n\n // Compressed:\n zip: COMPRESSED_ICON_BACKGROUND_COLOR,\n '7z': COMPRESSED_ICON_BACKGROUND_COLOR,\n rar: COMPRESSED_ICON_BACKGROUND_COLOR,\n\n // Data\n json: DATA_ICON_BACKGROUND_COLOR,\n yaml: DATA_ICON_BACKGROUND_COLOR,\n sql: DATA_ICON_BACKGROUND_COLOR,\n db: DATA_ICON_BACKGROUND_COLOR,\n dbf: DATA_ICON_BACKGROUND_COLOR,\n};\n\nexport function getIconBackgroundColorForFile(extension: string): string {\n return (\n filetypeBackgroundColorTable[extension.toLowerCase()] ||\n DEFAULT_ICON_BACKGROUND_COLOR\n );\n}\n"]}

package/dist/collection/components/file/icon-fill-colors.js CHANGED Viewed

@@ -110,3 +110,4 @@ export function getIconFillColorForFile(extension) {
   return (filetypeFillColorTable[extension.toLowerCase()] ||
     DEFAULT_ICON_FILL_COLOR);
 }
+//# sourceMappingURL=icon-fill-colors.js.map

package/dist/collection/components/file/icon-fill-colors.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon-fill-colors.js","sourceRoot":"","sources":["../../../src/components/file/icon-fill-colors.ts"],"names":[],"mappings":"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","sourcesContent":["const DEFAULT_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';\nconst CALENDAR_ICON_FILL_COLOR = 'rgb(var(--color-cyan-dark))';\nconst EMAIL_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';\nconst HTML_ICON_FILL_COLOR = 'rgb(var(--color-blue-dark))';\nconst TEXT_ICON_FILL_COLOR = 'rgb(var(--color-yellow-darker))';\nconst EXCEL_ICON_FILL_COLOR = 'rgb(var(--color-green-dark))';\nconst POWERPOINT_ICON_FILL_COLOR = 'rgb(var(--color-coral-dark))';\nconst WORD_ICON_FILL_COLOR = 'rgb(var(--color-sky-dark))';\nconst IMAGE_ICON_FILL_COLOR = 'rgb(var(--color-lime-dark))';\nconst VECTOR_GRAPHIC_FILL_COLOR = 'rgb(var(--color-magenta-dark))';\nconst PRESENTATION_ICON_FILL_COLOR = 'rgb(var(--color-blue-dark))';\nconst DOCUMENT_ICON_FILL_COLOR = 'rgb(var(--color-orange-dark))';\nconst SPREADSHEET_ICON_FILL_COLOR = 'rgb(var(--color-green-dark))';\nconst AUDIO_ICON_FILL_COLOR = 'rgb(var(--color-indigo-dark))';\nconst VIDEO_ICON_FILL_COLOR = 'rgb(var(--color-red-dark))';\nconst COMPRESSED_ICON_FILL_COLOR = 'rgb(var(--color-brown-default))';\nconst MESSAGE_ICON_FILL_COLOR = 'rgb(var(--color-yellow-dark))';\nconst PDF_ICON_FILL_COLOR = 'rgb(var(--color-red-dark))';\nconst DATA_ICON_FILL_COLOR = 'rgb(var(--color-glaucous-dark))';\n\nconst filetypeFillColorTable: Record<string, string> = {\n // Message\n msg: MESSAGE_ICON_FILL_COLOR,\n\n // Calendar\n ics: CALENDAR_ICON_FILL_COLOR,\n ical: CALENDAR_ICON_FILL_COLOR,\n icalendar: CALENDAR_ICON_FILL_COLOR,\n ifb: CALENDAR_ICON_FILL_COLOR,\n\n // Email\n email: EMAIL_ICON_FILL_COLOR,\n eml: EMAIL_ICON_FILL_COLOR,\n oft: EMAIL_ICON_FILL_COLOR,\n ost: EMAIL_ICON_FILL_COLOR,\n emlx: EMAIL_ICON_FILL_COLOR,\n\n // Web\n html: HTML_ICON_FILL_COLOR,\n xml: HTML_ICON_FILL_COLOR,\n\n // Editable text\n txt: TEXT_ICON_FILL_COLOR,\n rtf: TEXT_ICON_FILL_COLOR,\n\n // Editable document\n dot: WORD_ICON_FILL_COLOR,\n doc: WORD_ICON_FILL_COLOR,\n docx: WORD_ICON_FILL_COLOR,\n dotx: WORD_ICON_FILL_COLOR,\n docm: WORD_ICON_FILL_COLOR,\n dotm: WORD_ICON_FILL_COLOR,\n odt: DOCUMENT_ICON_FILL_COLOR,\n pages: DOCUMENT_ICON_FILL_COLOR,\n\n // Portable document\n pdf: PDF_ICON_FILL_COLOR,\n\n // Presentation\n ppt: POWERPOINT_ICON_FILL_COLOR,\n pot: POWERPOINT_ICON_FILL_COLOR,\n pps: POWERPOINT_ICON_FILL_COLOR,\n pptx: POWERPOINT_ICON_FILL_COLOR,\n pptm: POWERPOINT_ICON_FILL_COLOR,\n potx: POWERPOINT_ICON_FILL_COLOR,\n potm: POWERPOINT_ICON_FILL_COLOR,\n ppam: POWERPOINT_ICON_FILL_COLOR,\n ppsx: POWERPOINT_ICON_FILL_COLOR,\n ppsm: POWERPOINT_ICON_FILL_COLOR,\n sldx: POWERPOINT_ICON_FILL_COLOR,\n sldm: POWERPOINT_ICON_FILL_COLOR,\n odp: PRESENTATION_ICON_FILL_COLOR,\n key: PRESENTATION_ICON_FILL_COLOR,\n\n // Spreadsheet\n xls: EXCEL_ICON_FILL_COLOR,\n xlsx: EXCEL_ICON_FILL_COLOR,\n csv: DEFAULT_ICON_FILL_COLOR,\n numbers: SPREADSHEET_ICON_FILL_COLOR,\n\n // Image\n bmp: IMAGE_ICON_FILL_COLOR,\n jpg: IMAGE_ICON_FILL_COLOR,\n jpeg: IMAGE_ICON_FILL_COLOR,\n heic: IMAGE_ICON_FILL_COLOR,\n png: IMAGE_ICON_FILL_COLOR,\n gif: IMAGE_ICON_FILL_COLOR,\n\n // Editable image\n psd: PRESENTATION_ICON_FILL_COLOR,\n ai: DOCUMENT_ICON_FILL_COLOR,\n\n // Vector graphic\n svg: VECTOR_GRAPHIC_FILL_COLOR,\n svgz: VECTOR_GRAPHIC_FILL_COLOR,\n ep: VECTOR_GRAPHIC_FILL_COLOR,\n eps: VECTOR_GRAPHIC_FILL_COLOR,\n sketch: VECTOR_GRAPHIC_FILL_COLOR,\n\n // Audio\n mp3: AUDIO_ICON_FILL_COLOR,\n wav: AUDIO_ICON_FILL_COLOR,\n wma: AUDIO_ICON_FILL_COLOR,\n ogg: AUDIO_ICON_FILL_COLOR,\n\n // Video\n flv: VIDEO_ICON_FILL_COLOR,\n h264: VIDEO_ICON_FILL_COLOR,\n mov: VIDEO_ICON_FILL_COLOR,\n mp4: VIDEO_ICON_FILL_COLOR,\n mwv: VIDEO_ICON_FILL_COLOR,\n\n // Compressed\n zip: COMPRESSED_ICON_FILL_COLOR,\n '7z': COMPRESSED_ICON_FILL_COLOR,\n rar: COMPRESSED_ICON_FILL_COLOR,\n\n // Data\n json: DATA_ICON_FILL_COLOR,\n yaml: DATA_ICON_FILL_COLOR,\n sql: DATA_ICON_FILL_COLOR,\n db: DATA_ICON_FILL_COLOR,\n dbf: DATA_ICON_FILL_COLOR,\n};\n\nexport function getIconFillColorForFile(extension: string): string {\n return (\n filetypeFillColorTable[extension.toLowerCase()] ||\n DEFAULT_ICON_FILL_COLOR\n );\n}\n"]}

package/dist/collection/components/file/icons.js CHANGED Viewed

@@ -110,3 +110,4 @@ const filetypeIconTable = {
 export function getIconForFile(extension) {
   return filetypeIconTable[extension.toLowerCase()] || DEFAULT_ICON;
 }
+//# sourceMappingURL=icons.js.map

package/dist/collection/components/file/icons.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/components/file/icons.ts"],"names":[],"mappings":"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","sourcesContent":["const DEFAULT_ICON = 'file';\nconst CALENDAR_ICON = 'tear_off_calendar';\nconst EMAIL_ICON = 'email';\nconst HTML_ICON = 'internet';\nconst TEXT_ICON = 'text_box';\nconst EXCEL_ICON = 'ms_excel_copyrighted';\nconst WORD_ICON = 'ms_word_copyrighted';\nconst POWERPOINT_ICON = 'ms_powerpoint_copyrighted';\nconst IMAGE_ICON = 'picture';\nconst PHOTO_ICON = 'camera';\nconst VECTOR_GRAPHIC_ICON = 'vector';\nconst PRESENTATION_ICON = 'presentation_filled';\nconst DOCUMENT_ICON = 'overview_pages_2';\nconst SPREADSHEET_ICON = 'data_sheet';\nconst AUDIO_ICON = 'audio_wave';\nconst VIDEO_ICON = 'video_file';\nconst COMPRESSED_ICON = 'condom_package';\nconst MESSAGE_ICON = 'ms_outlook_copyrighted';\nconst DATA_ICON = 'database';\n\nconst filetypeIconTable: Record<string, string> = {\n // Message\n msg: MESSAGE_ICON,\n\n // Calendar\n ics: CALENDAR_ICON,\n ical: CALENDAR_ICON,\n icalendar: CALENDAR_ICON,\n ifb: CALENDAR_ICON,\n\n // Email\n email: EMAIL_ICON,\n eml: EMAIL_ICON,\n oft: EMAIL_ICON,\n ost: EMAIL_ICON,\n emlx: EMAIL_ICON,\n\n // Web\n html: HTML_ICON,\n xml: HTML_ICON,\n\n // Editable text\n txt: TEXT_ICON,\n rtf: TEXT_ICON,\n\n // Editable document\n dot: WORD_ICON,\n doc: WORD_ICON,\n docx: WORD_ICON,\n dotx: WORD_ICON,\n docm: WORD_ICON,\n dotm: WORD_ICON,\n odt: DOCUMENT_ICON,\n pages: DOCUMENT_ICON,\n\n // Portable document\n pdf: 'PDF_2',\n\n // Presentation\n ppt: POWERPOINT_ICON,\n pot: POWERPOINT_ICON,\n pps: POWERPOINT_ICON,\n pptx: POWERPOINT_ICON,\n pptm: POWERPOINT_ICON,\n potx: POWERPOINT_ICON,\n potm: POWERPOINT_ICON,\n ppam: POWERPOINT_ICON,\n ppsx: POWERPOINT_ICON,\n ppsm: POWERPOINT_ICON,\n sldx: POWERPOINT_ICON,\n sldm: POWERPOINT_ICON,\n odp: PRESENTATION_ICON,\n key: PRESENTATION_ICON,\n\n // Spreadsheet\n xls: EXCEL_ICON,\n xlsx: EXCEL_ICON,\n csv: SPREADSHEET_ICON,\n numbers: SPREADSHEET_ICON,\n\n // Image\n jpg: PHOTO_ICON,\n jpeg: PHOTO_ICON,\n heic: PHOTO_ICON,\n bmp: IMAGE_ICON,\n png: IMAGE_ICON,\n gif: IMAGE_ICON,\n\n // Editable image\n psd: 'adobe_photoshop_copyrighted',\n ai: 'adobe_illustrator_copyrighted',\n\n // Vector graphic\n svg: VECTOR_GRAPHIC_ICON,\n svgz: VECTOR_GRAPHIC_ICON,\n ep: VECTOR_GRAPHIC_ICON,\n eps: VECTOR_GRAPHIC_ICON,\n sketch: VECTOR_GRAPHIC_ICON,\n\n // Audio\n mp3: AUDIO_ICON,\n wav: AUDIO_ICON,\n wma: AUDIO_ICON,\n ogg: AUDIO_ICON,\n\n // Video\n avi: VIDEO_ICON,\n flv: VIDEO_ICON,\n h264: VIDEO_ICON,\n mov: VIDEO_ICON,\n mp4: VIDEO_ICON,\n mwv: VIDEO_ICON,\n\n // Compressed\n zip: COMPRESSED_ICON,\n '7z': COMPRESSED_ICON,\n rar: COMPRESSED_ICON,\n\n // Data\n json: 'json',\n yaml: DATA_ICON,\n sql: DATA_ICON,\n db: DATA_ICON,\n dbf: DATA_ICON,\n};\n\nexport function getIconForFile(extension: string): string {\n return filetypeIconTable[extension.toLowerCase()] || DEFAULT_ICON;\n}\n"]}