Sha256: 46e599e20fe61482a42c13ab147e4d93490123799320426e095b512a10c99f1d
Contents?: true
Size: 1.43 KB
Versions: 16
Compression:
Stored size: 1.43 KB
Contents
import { Controller } from "@hotwired/stimulus"
import Inputmask from "https://cdn.skypack.dev/inputmask@5.0.9?min"
export default class extends Controller {
static values = {
mask: String,
alias: String,
groupSeparator: { type: String, default: "" },
radixPoint: { type: String, default: "." },
digits: { type: String, default: "*" },
digitsOptional: { type: Boolean, default: true },
inputFormat: { type: String, default: "mm/dd/yyyy HH:MM" },
outputFormat: { type: String, default: "yyyy-mm-dd HH:MM" }
}
connect() {
if (this.hasMaskValue) {
Inputmask({ mask: this.maskValue }).mask(this.element)
} else if (this.aliasValue == "numeric") {
Inputmask(this.#numericOptions).mask(this.element)
} else if (this.aliasValue == "datetime") {
Inputmask(this.#datetimeOptions).mask(this.element)
}
}
disconnect() {
Inputmask.remove(this.element)
}
get #numericOptions() {
return {
alias: "numeric",
unmaskAsNumber: true,
removeMaskOnSubmit: true,
groupSeparator: this.groupSeparatorValue,
radixPoint: this.radixPointValue,
digits: this.digitsValue,
digitsOptional: this.digitsOptionalValue
}
}
get #datetimeOptions() {
return {
alias: "datetime",
removeMaskOnSubmit: true,
inputFormat: this.inputFormatValue,
outputFormat: this.outputFormatValue
}
}
}
Version data entries
16 entries across 16 versions & 1 rubygems