@roadtrip/components 3.33.5 → 3.33.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/road-badge_14.cjs.entry.js +10 -7
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/collection/components/input/input.js +4 -1
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input-group/input-group.css +0 -2
- package/dist/collection/components/input-group/input-group.js +5 -5
- package/dist/collection/components/input-group/input-group.js.map +1 -1
- package/dist/esm/road-badge_14.entry.js +10 -7
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/roadtrip/{p-42c0e1a9.entry.js → p-a67eaba7.entry.js} +2 -2
- package/dist/roadtrip/{p-42c0e1a9.entry.js.map → p-a67eaba7.entry.js.map} +1 -1
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/types/components-react.d.ts +4 -0
- package/hydrate/index.js +10 -7
- package/hydrate/index.mjs +10 -7
- package/package.json +1 -1
|
@@ -17962,6 +17962,9 @@ const Input = class {
|
|
|
17962
17962
|
this.roadBlur.emit(value);
|
|
17963
17963
|
this.roadChange.emit({ value });
|
|
17964
17964
|
}
|
|
17965
|
+
else {
|
|
17966
|
+
this.roadBlur.emit(value);
|
|
17967
|
+
}
|
|
17965
17968
|
// Appeler enforceMinMaxValue lors de la perte de focus
|
|
17966
17969
|
this.enforceMinMaxValue();
|
|
17967
17970
|
};
|
|
@@ -18026,7 +18029,7 @@ const Input = class {
|
|
|
18026
18029
|
const hasValueClass = this.value !== '' && this.value !== null ? 'has-value' : '';
|
|
18027
18030
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
18028
18031
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
18029
|
-
return (index.h(index.Host, { key: '
|
|
18032
|
+
return (index.h(index.Host, { key: 'fc46bf9cff7ec02e8d3d17dead1b78395af2c1a3', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, index.h("input", { key: '9fc673bca84ff6da172f64daafe4689f96f98830', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input' }), index.h("label", { key: '54aa1d6091b64ceccde5b9d2735694d21dd140a7', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && index.h("p", { key: 'f54869bf7e4fe8d49fc434d15ae339d366eaf2e1', class: "invalid-feedback" }, index.h("road-icon", { key: '4bd03b7ceb946a33e2fd1dfe08ee3ac2ccd7639e', slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.error), this.helper && this.helper !== '' && index.h("p", { key: '50c67a366a468e25a5401588a41f9c02a2500d83', class: "helper" }, this.helper), this.type && this.type == 'password' && index.h("slot", { key: 'b750ff9616fb3651af3f9db71edc0564cdc932be', name: "checklistPassword" })));
|
|
18030
18033
|
}
|
|
18031
18034
|
static get watchers() { return {
|
|
18032
18035
|
"debounce": ["debounceChanged"],
|
|
@@ -18036,7 +18039,7 @@ const Input = class {
|
|
|
18036
18039
|
let inputIds = 0;
|
|
18037
18040
|
Input.style = RoadInputStyle0;
|
|
18038
18041
|
|
|
18039
|
-
const inputGroupCss = ":host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot=\"prepend\"]){margin-right:-3px;border-right-color:transparent;border-color:var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0;position:absolute;left:0;top:0;bottom:0}::slotted([slot=\"append\"]){margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0;position:absolute;right:0;top:0;bottom:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-
|
|
18042
|
+
const inputGroupCss = ":host{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;font-family:var(--road-font, sans-serif)}::slotted(road-input),::slotted(input),::slotted(textarea),::slotted(road-select){position:relative;flex:1 1 auto;width:1%;margin-bottom:0}::slotted([slot=\"prepend\"]){margin-right:-3px;border-right-color:transparent;border-color:var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0;position:absolute;left:0;top:0;bottom:0}::slotted([slot=\"append\"]){margin-left:-0.25rem;border-color:var(--road-input-outline);border-left-width:0;position:absolute;right:0;top:0;bottom:0}@media (hover: hover){.input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-right-color:transparent}.input-group:not(.is-disabled):hover ::slotted([slot=\"append\"]){border-left-color:transparent}:host(.phone-number-group) .input-group:not(.is-disabled):hover ::slotted([slot=\"prepend\"]){border-color:var(--road-input-outline-variant)}}.input-group:focus-within ::slotted([slot=\"prepend\"]),:host(.phone-number-group) .input-group:focus-within ::slotted([slot=\"prepend\"]){border-color:var(--road-grey-0);border-width:2px;border-right-color:transparent;outline:none;}.input-group:focus-within ::slotted([slot=\"append\"]){border-color:var(--road-grey-0);border-width:2px;border-left-color:transparent;outline:none;}.input-group:focus-within ::slotted(road-input):focus-visible{border-color:var(--road-grey-0);border-width:2px;outline:none;}.input-group-prepend,.input-group-append{display:flex;height:3rem}::slotted(road-button){--padding-start:0.5rem;--padding-end:0.5rem;position:relative;z-index:2;min-width:3rem;margin:0;font-size:var(--road-font-size-14)}::slotted(road-button):hover{background-color:var(--road-button-ghost-variant)}.input-group-prepend{z-index:1;order:-1;position:relative}.input-group-prepend~.form-label{left:calc(3rem + 1px)}.input-group-append{position:relative;z-index:1;border-radius:0 0.25rem 0.25rem 0}::slotted(label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-label){display:flex;align-items:center;padding:0 0.5rem;margin-bottom:0;color:var(--road-on-surface);text-align:center;white-space:nowrap;cursor:text;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}::slotted(road-input:not(:first-child)),::slotted(road-select:not(:first-child)){border-radius:0}.input-group-append ::slotted([slot=\"append\"]){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend ::slotted([slot=\"prepend\"]){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host(.phone-number-group) .input-group-prepend ::slotted([slot=\"prepend\"]){border-right:1px solid var(--road-input-outline);border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend ::slotted(label){margin-right:calc(-1rem + 1px)}.input-group-append:hover ::slotted(road-button){background-color:var(--road-button-ghost-variant)}.size-xl .input-group-prepend,.size-xl .input-group-append{height:3.5rem}.size-xl ::slotted(road-button){height:3.5rem}.input-group.is-invalid ::slotted([slot=\"append\"]),.input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host(.phone-number-group) .input-group.is-invalid ::slotted([slot=\"prepend\"]){border-color:var(--road-danger-outline)}:host([disabled]){cursor:not-allowed}:host([disabled]) .input-group{pointer-events:none;}:host([disabled]) ::slotted([slot=\"append\"]),:host([disabled]) ::slotted([slot=\"prepend\"]){color:var(--road-on-surface-disabled);cursor:not-allowed;background:#e4e5e9}:host([disabled]) ::slotted([slot=\"append\"] road-icon),:host([disabled]) ::slotted([slot=\"prepend\"] road-icon){color:var(--road-on-surface-disabled)}:host([disabled]) road-icon{color:var(--road-on-surface-disabled)}";
|
|
18040
18043
|
const RoadInputGroupStyle0 = inputGroupCss;
|
|
18041
18044
|
|
|
18042
18045
|
const InputGroup = class {
|
|
@@ -18069,16 +18072,16 @@ const InputGroup = class {
|
|
|
18069
18072
|
const formSelect = this.el.querySelector('.form-select');
|
|
18070
18073
|
const formSelectLabel = this.el.querySelector('.form-select-label');
|
|
18071
18074
|
if (formControl) {
|
|
18072
|
-
formControl.style.textIndent = hasPrepend ? '
|
|
18075
|
+
formControl.style.textIndent = hasPrepend ? '2.1rem' : '';
|
|
18073
18076
|
}
|
|
18074
18077
|
if (formSelect) {
|
|
18075
|
-
formSelect.style.textIndent = hasPrepend ? '
|
|
18078
|
+
formSelect.style.textIndent = hasPrepend ? '2.1rem' : '';
|
|
18076
18079
|
}
|
|
18077
18080
|
if (formLabel) {
|
|
18078
|
-
formLabel.style.textIndent = hasPrepend ? '2.
|
|
18081
|
+
formLabel.style.textIndent = hasPrepend ? '2.8rem' : '';
|
|
18079
18082
|
}
|
|
18080
18083
|
if (formSelectLabel) {
|
|
18081
|
-
formSelectLabel.style.textIndent = hasPrepend ? '2.
|
|
18084
|
+
formSelectLabel.style.textIndent = hasPrepend ? '2.8rem' : '';
|
|
18082
18085
|
}
|
|
18083
18086
|
}
|
|
18084
18087
|
componentDidLoad() {
|
|
@@ -18094,7 +18097,7 @@ const InputGroup = class {
|
|
|
18094
18097
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
18095
18098
|
: '';
|
|
18096
18099
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
18097
|
-
return (index.h("div", { key: '
|
|
18100
|
+
return (index.h("div", { key: '6be26d5573ca7c422cded4e27a2761b252f90e14', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, index.h("div", { key: '7a76ed14278e0081e97bd9db5eb459cb847f05ce', class: "input-group-prepend" }, index.h("slot", { key: '4865913f1d0ebb0e3ee27c46cefd2fa0ff6bbbab', name: "prepend" })), index.h("slot", { key: '778cf1d88d5aade64457445ad633160ab12c1a15' }), index.h("div", { key: '3c513c9392992711d9d8a47d3a390a4f14792bab', class: "input-group-append" }, index.h("slot", { key: '2eb9315f147dfd805822e4aa37428c6547eb66e8', name: "append" }))));
|
|
18098
18101
|
}
|
|
18099
18102
|
get el() { return index.getElement(this); }
|
|
18100
18103
|
static get watchers() { return {
|