@roadtrip/components 3.39.2 → 3.40.0

package/dist/collection/components/status-chip/status-chip.js

@@ -0,0 +1,54 @@
+import { Host, h } from "@stencil/core";
+import { alertInfoSolid } from "../../../icons";
+import "./../../utils/polyfill";
+/**
+ * @slot - Content of the chip.
+ */
+export class Chip {
+    constructor() {
+        /**
+         * The chip size.
+         */
+        this.size = 'sm';
+    }
+    render() {
+        return (h(Host, { key: '9334d773536d09520e9bdb394cf1d84d0f370b16', class: `chip-${this.size}`, tabindex: "0" }, h("div", { key: 'b8ba0ddd4eb8bcc6749267f3a2dee7f0998a2d82', class: "chip-description" }, h("road-icon", { key: '98bdeea36b7016caa0b3c6586385adad4cdccb3f', class: "chip-icon", color: "info", icon: alertInfoSolid }), h("slot", { key: 'a25b1f7338b08a783e9aa6134ebb93276c671cfd' }))));
+    }
+    static get is() { return "road-status-chip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["status-chip.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["status-chip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'sm' |  'md' | 'lg'",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The chip size."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'sm'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=status-chip.js.map

package/dist/collection/components/status-chip/status-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-chip.js","sourceRoot":"","sources":["../../../src/components/status-chip/status-chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,wBAAwB,CAAC;AAEhC;;GAEG;AAOH,MAAM,OAAO,IAAI;IALjB;QAOE;;WAEG;QACK,SAAI,GAAwB,IAAI,CAAC;KAe1C;IAbC,MAAM;QAEJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAC,GAAG;YAExC,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,kEAAW,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,cAAc,GAAc;gBAC5E,8DAAO,CACH,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { alertInfoSolid } from '../../../icons';\nimport './../../utils/polyfill';\n\n/**\n * @slot - Content of the chip.\n */\n\n@Component({\n  tag: 'road-status-chip',\n  styleUrl: 'status-chip.css',\n  shadow: true,\n})\nexport class Chip {\n\n  /**\n   * The chip size.\n   */\n  @Prop() size: 'sm' |  'md' | 'lg' = 'sm';\n\n  render() {\n\n    return (\n      <Host\n        class={`chip-${this.size}`} tabindex=\"0\"\n      >\n        <div class=\"chip-description\">\n          <road-icon class=\"chip-icon\" color=\"info\" icon={alertInfoSolid}></road-icon>\n          <slot/>\n        </div>\n      </Host>\n    );\n  }\n}"]}

package/dist/collection/components/status-chip/status-chip.stories.js

@@ -0,0 +1,48 @@
+import { html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
+
+export default {
+  title: 'Forms/Status Chip',
+  component: 'road-status-chip',
+  argTypes: {
+    size: {
+      options: ['sm', 'md', 'lg'],
+      control: { type: 'select' },
+      description: 'Defines the size of the chip.',
+      table: {
+        defaultValue: { summary: 'sm' },
+      },
+    },
+    ' ': {
+      control: 'text',
+      description: 'Content inside the chip (label).',
+    },
+  },
+  args: {
+    size: 'sm',
+    ' ': 'Label',
+  },
+};
+
+const Template = (args) => html`
+  ${['Label A', 'Label B', 'Label C', 'Label D'].map(label => html`
+    <road-status-chip
+      size="${ifDefined(args.size)}"
+    >
+      ${unsafeHTML(args[' '] || label)}
+    </road-status-chip>
+  `)}
+`;
+
+export const Playground = Template.bind({});
+Playground.args = {
+ ' ': `Label`,
+};
+
+
+export const Size = Template.bind({});
+Size.args = {
+  size: 'lg',
+  ' ': `Revision`,
+};

package/dist/collection/components/switch/switch.js

@@ -70,11 +70,11 @@ export class Switch {
     }
     render() {
         const labelId = this.switchId + '-label';
-        const textLabel = h("label", { key: '430104d38d5703aa56ce1976a977a126468ec741', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
+        const textLabel = h("label", { key: 'd796b35a41bfcee969f7e514a422c86c0188ea83', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
         const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
         const isSpacedClass = this.isSpaced && 'form-switch-spaced';
         const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
-        return (h(Host, { key: '2bfcb70289e7a90964e1211569ab02e1097cd12b' }, h("input", { key: '7c9e3273d965e895479da1fb4349bb35fa5efc3b', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), h("label", { key: 'af4acb92308e858b7188c71bdd2cb1e5bb368e31', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, h("div", { key: '0dcc70814eb2ae967bf5235bb6aac1ba7205d7b4', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
+        return (h(Host, { key: 'cdc043a58934f23ab59eceb249264e20030dcd81' }, h("input", { key: '8f30801f7c589a21cd946758bcf236dde5b19649', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), h("label", { key: 'cedb4631003350829110dc06f56005ee3ce7da8b', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, h("div", { key: '3ceaec7a21c32451721678190cce980b55e95cd9', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
     }
     static get is() { return "road-switch"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tab/tab.js

@@ -21,9 +21,9 @@ export class Tab {
     }
     render() {
         const { tab, active } = this;
-        return (h(Host, { key: '10d79bb43319e005cf57d629ea4f678e3f3a5ae2', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (h(Host, { key: '63af8787abb1c214e75ce13b4aa6e265ac27ff5f', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'tab-hidden': !active,
-            } }, h("slot", { key: 'd11c7858cddf2b5da0db945ee9f69f52d02d7c16' })));
+            } }, h("slot", { key: '5a00faa7454b981ba72f2b262c72b3dc3497e48b' })));
     }
     static get is() { return "road-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-bar/tab-bar.js

@@ -36,11 +36,11 @@ export class TabBar {
     }
     render() {
         const { expand, center, secondary } = this;
-        return (h(Host, { key: '683e4f5c99d335ec1c744830237bd3cd23db8c75', role: "tablist", class: {
+        return (h(Host, { key: 'c9b9c4205d68cee5c45fec07585f0cf7efae2918', role: "tablist", class: {
                 'tab-expand': expand,
                 'tab-center': center,
                 'tab-secondary': secondary,
-            } }, h("slot", { key: '0757eeb70b98263e316b408bc420fee186de03b0' })));
+            } }, h("slot", { key: 'affab8a74a51438ccc5b0de3b2b44b0bf8c2c104' })));
     }
     static get is() { return "road-tab-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-button/tab-button.js

@@ -71,7 +71,7 @@ export class TabButton {
             rel,
             target,
         };
-        return (h(Host, { key: '6fdae83a0fe22652c51b92874265e2c32787063d', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (h(Host, { key: '0f4a9238539815a078c937171e2bc7fd6cdb86a2', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 'tab-selected': selected,
                 'tab-has-label': hasLabel,
                 'tab-has-icon': hasIcon,
@@ -79,7 +79,7 @@ export class TabButton {
                 'tab-has-icon-only': hasIcon && !hasLabel,
                 [`tab-layout-${layout}`]: true,
                 'tab-disabled': disabled, // Classe CSS pour les styles désactivés
-            } }, h("a", Object.assign({ key: 'dc85019d7861a227495a165790d2e5b025f1f979' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), h("span", { key: '59d9387c00bb48a34f425d9af782e3568f566263', class: "button-inner" }, h("slot", { key: '54290ac6eee4506846c8756f5141b493e6ebcc13' })))));
+            } }, h("a", Object.assign({ key: '2a5d7f31accdab3c7c5664dfe6ecc873c806ab89' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), h("span", { key: '682fcabe5b1afca95e0cf14254dee7b8ba8e2994', class: "button-inner" }, h("slot", { key: 'bea982cf3737759bd7d557ce4328c351a73918d4' })))));
     }
     static get is() { return "road-tab-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class Table {
     render() {
-        return (h("slot", { key: 'e8b08c7f5bbb8fd61ae6d73278b61c8838bbabf4' }));
+        return (h("slot", { key: '3b88893af0069fdfc1d2fff80979da38d768f1f5' }));
     }
     static get is() { return "road-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tabs/tabs.js

@@ -99,7 +99,7 @@ export class Tabs {
         return Array.from(this.el.querySelectorAll('road-tab'));
     }
     render() {
-        return (h(Host, { key: '5ac640c40ecdf802d7d56a662d5aa107ced242ef', onRoadTabButtonClick: this.onTabClicked }, h("slot", { key: '8f50a94ef5602b121eaf7406c6d83ed93c50a7aa', name: "top" }), h("div", { key: 'fb87539786bf6f7d1e3d7a9766b191bca35ce312', class: "tabs-inner" }, h("slot", { key: '32f22aabd7e38881d289fbd0af69669d62d918cc' }))));
+        return (h(Host, { key: 'a20986bf68696a6fdc51b12ad1b046db3b18bc05', onRoadTabButtonClick: this.onTabClicked }, h("slot", { key: 'c5bfece44ba292b38661d1c547bbea6c72434ee9', name: "top" }), h("div", { key: 'e0f414977fb10b3dae809c1d73043db078996854', class: "tabs-inner" }, h("slot", { key: 'e0a09ad0eaacd5dca847ff48ffd632244e25c392' }))));
     }
     static get is() { return "road-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tag/tag.js

@@ -16,7 +16,7 @@ export class Tag {
     }
     render() {
         const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
-        return (h(Host, { key: '81f24465ee40fd72b3095258f67f9d46b0f663e2', class: `${contrastClass}` }, h("slot", { key: 'baf9168e522f8f4cf682f03c40304d5052a030f2' })));
+        return (h(Host, { key: '2207dbc70c4b0f387f202702db8008b1b71d0ad0', class: `${contrastClass}` }, h("slot", { key: 'ae9980dd95f4fbc893ed868c59b724c08199b1fe' })));
     }
     static get is() { return "road-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text/text.js

@@ -11,7 +11,7 @@ export class Text {
     }
     render() {
         const colorClass = this.color !== undefined ? `text-${this.color}` : '';
-        return (h(Host, { key: '8c3872a70719feac2cbf76f50b7491b838fb393b', class: `${colorClass}` }, h("slot", { key: 'b746e561a4c05d829492a023120a7d1ade1c146f' })));
+        return (h(Host, { key: 'ad2c0033ece3bcce8895c4e7cfa028fd91f98559', class: `${colorClass}` }, h("slot", { key: 'f39a6b798aee6789bf2fe2d24aa82faff7a088e2' })));
     }
     static get is() { return "road-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/textarea.js

@@ -82,7 +82,7 @@ export class Textarea {
         const hasValueClass = this.value !== '' ? 'has-value' : '';
         const noResizeClass = this.resize == false ? 'no-resize' : '';
         const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
-        return (h(Host, { key: 'f67a9451b99f450ee2828ea5eb5dc3728795c1dd', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, h("textarea", { key: '27f3c926911126812156ccc87172c3e71f634b7c', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), h("label", { key: '081afb27b83557ce88db5c78d6e90c138f69c0d4', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && h("p", { key: '3509594cc1523c401e12a796216ed3c97813f419', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && h("p", { key: 'ede03d506c01bf3eae5a633a534eeed696df819d', class: "helper" }, this.helper)));
+        return (h(Host, { key: '84f001bd32876c45caec89f2e62a653341ca4e3f', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, h("textarea", { key: '5e972efce077742ab5e69535f4b01c3a1afd7638', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), h("label", { key: '4e54a6fc2a45cc9b087dd7fc960b3c200d9ec647', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && h("p", { key: '1bdf68022659f0ffc06c2e13ac29fded490de06b', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && h("p", { key: 'adfdb41de302ca191b4e4fb4da785fc9d2c503b3', class: "helper" }, this.helper)));
     }
     static get is() { return "road-textarea"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/time-range-picker/time-range-picker.css

@@ -0,0 +1,43 @@
+/*
+ * Time range 
+ */
+
+
+.required-indicator {
+  color: var(--road-on-danger-surface);
+  content: " *";
+}
+
+.time-range-picker-content road-input{
+  margin-bottom: 0;
+}
+
+.time-range-picker .messages {
+  display: flex;
+  flex-direction: column;
+}
+
+.invalid-feedback {
+  font-size: var(--road-helper-medium);
+  color: var(--road-on-danger-surface);
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.invalid-feedback road-icon{
+  color: var(--road-danger-icon);
+}
+
+/* Cible directement le road-input avec la classe error-border */
+:host() road-input.error-border{
+  border-radius: 0.25rem;
+  outline: 1px solid var(--road-danger-outline);
+  outline-offset: -1px;
+}
+
+
+
+
+
+

package/dist/collection/components/time-range-picker/time-range-picker.js

@@ -0,0 +1,362 @@
+import { h, Host } from "@stencil/core";
+/**
+ * @slot start - Input de début
+ * @slot end - Input de fin
+ * @slot separator - Label séparateur (optionnel)
+ */
+export class RoadTimeRangePicker {
+    constructor() {
+        /** Désactivation du picker */
+        this.disabled = false;
+        /** Si `true`, l’utilisateur doit remplir avant submit */
+        this.required = false;
+        /** Taille du champ */
+        this.sizes = 'lg';
+        /** Handle change depuis le slot start */
+        this.handleStartChange = (e) => {
+            var _a;
+            this.start = (_a = e.detail.value) !== null && _a !== void 0 ? _a : undefined;
+            this.emitChange();
+        };
+        /** Handle change depuis le slot end */
+        this.handleEndChange = (e) => {
+            var _a;
+            this.end = (_a = e.detail.value) !== null && _a !== void 0 ? _a : undefined;
+            this.emitChange();
+        };
+    }
+    /** Retourne les messages d'erreur sous forme de tableau */
+    get errorMessages() {
+        if (!this.error)
+            return [];
+        if (Array.isArray(this.error))
+            return this.error.flatMap(e => (typeof e === 'string' ? e.split(',') : [e]));
+        return this.error.split(',');
+    }
+    /** Ajoute ou retire la classe error-border sur le road-input */
+    async updateInvalidClasses() {
+        var _a;
+        const inputs = Array.from(this.hostEl.querySelectorAll('road-input[slot="start"], road-input[slot="end"]'));
+        for (const inputEl of inputs) {
+            await ((_a = inputEl.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(inputEl));
+            if (this.errorMessages.length > 0) {
+                inputEl.style.borderRadius = '0.25rem';
+                inputEl.style.outline = `1px solid var(--road-danger-outline)`;
+                inputEl.style.outlineOffset = '-1px';
+            }
+            else {
+                inputEl.style.borderRadius = '';
+                inputEl.style.outline = '';
+                inputEl.style.outlineOffset = '';
+            }
+        }
+    }
+    /** Vérifie que start <= end et met à jour l’erreur */
+    validateRange() {
+        if (this.start && this.end && this.start > this.end) {
+            this.error = 'L’heure de début doit être inférieure à l’heure de fin.';
+        }
+        else {
+            this.error = undefined;
+        }
+    }
+    /** Émet les changements */
+    async emitChange() {
+        this.validateRange();
+        this.roadChange.emit({ start: this.start, end: this.end });
+        await this.updateInvalidClasses();
+    }
+    componentDidLoad() {
+        const startSlot = this.hostEl.querySelector('[slot="start"]');
+        const endSlot = this.hostEl.querySelector('[slot="end"]');
+        if (startSlot) {
+            startSlot.addEventListener('roadChange', this.handleStartChange);
+        }
+        if (endSlot) {
+            endSlot.addEventListener('roadChange', this.handleEndChange);
+        }
+        this.updateInvalidClasses();
+    }
+    async getRange() {
+        return { start: this.start, end: this.end };
+    }
+    render() {
+        return (h(Host, { key: '760f1f32a20c9afc47a5fa0c367c25fc5c956762', class: `time-range-picker input-${this.sizes}` }, this.label && (h("p", { key: '64c22605cc9081c39b52bb758d543b6352cc3de7', class: "label m-0" }, this.label, this.required && h("span", { key: 'aeede78739b2390722ff0a7afed9ccf550d612f3', class: "required-indicator" }, " *"))), h("div", { key: '71499bccdd9ce072dd2f7f8b086bb96b3b7e43f0', class: "time-range-picker-content d-flex align-items-center my-4" }, h("slot", { key: '77210211e112501ca5c4d471257614418fe831f9', name: "start" }), h("span", { key: '2c2c289e8c4638f082773debc355a4350a85e361', class: "separator mx-12" }, this.separator), h("slot", { key: 'e79e889d4386c1ba0731a46cfc83002c998a5194', name: "end" })), h("div", { key: 'f0754329e6c6ff79e22ae374ad299da9daf1311d', class: "messages mt-1" }, this.errorMessages.map((msg, index) => (h("p", { key: index, class: "invalid-feedback m-0" }, h("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), msg.trim())))), this.helper && h("p", { key: 'aa93c11be41410bf52c9d763d3a7a4cb99721747', class: "helper mt-1" }, this.helper)));
+    }
+    static get is() { return "road-time-range-picker"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["time-range-picker.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["time-range-picker.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "start": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Heure de d\u00E9but"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "start",
+                "reflect": false
+            },
+            "end": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Heure de fin"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "end",
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9sactivation du picker"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "helper": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Helper message"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "helper",
+                "reflect": false
+            },
+            "separator": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Separator label"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "separator",
+                "reflect": false
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Si `true`, l\u2019utilisateur doit remplir avant submit"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "required",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Label global du champ"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "label",
+                "reflect": false
+            },
+            "sizes": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'lg' | 'xl'",
+                    "resolved": "\"lg\" | \"xl\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Taille du champ"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "sizes",
+                "reflect": false,
+                "defaultValue": "'lg'"
+            },
+            "error": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | string[]",
+                    "resolved": "string | string[] | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Error messages"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "error",
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "roadChange",
+                "name": "roadChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u00C9v\u00E9nement quand la plage change"
+                },
+                "complexType": {
+                    "original": "{ start?: string; end?: string }",
+                    "resolved": "{ start?: string | undefined; end?: string | undefined; }",
+                    "references": {}
+                }
+            }, {
+                "method": "roadInput",
+                "name": "roadInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Forward des events enfants"
+                },
+                "complexType": {
+                    "original": "{ start?: string; end?: string }",
+                    "resolved": "{ start?: string | undefined; end?: string | undefined; }",
+                    "references": {}
+                }
+            }, {
+                "method": "roadFocus",
+                "name": "roadFocus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "'start' | 'end'",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {}
+                }
+            }, {
+                "method": "roadBlur",
+                "name": "roadBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "'start' | 'end'",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getRange": {
+                "complexType": {
+                    "signature": "() => Promise<{ start: string | undefined; end: string | undefined; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ start: string | undefined; end: string | undefined; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "hostEl"; }
+}
+//# sourceMappingURL=time-range-picker.js.map