@gez/date-time-kit
Version:
14 lines (13 loc) • 2.18 kB
JavaScript
var __freeze = Object.freeze;
var __defProp = Object.defineProperty;
var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
var _a, _b;
import { html } from "../../utils/index.mjs";
import { Ele as NumListEle } from "../num-list/index.mjs";
NumListEle.define();
export const baseHtml = html(_a || (_a = __template(['\n<div class="cols" part="cols">\n <div class="col hour" part="col hour">\n <span><dt-i18n i18n-key="timeUnit.hour"></dt-i18n></span>\n <dt-num-list class="hour" min-num="0" max-num="23"\n exportparts="container:list-container, item, item-current"\n part="list hour"\n ></dt-num-list>\n </div>\n <div class="col minute" part="col minute">\n <span><dt-i18n i18n-key="timeUnit.minute"></dt-i18n></span>\n <dt-num-list class="minute" min-num="0" max-num="59"\n exportparts="container:list-container, item, item-current"\n part="list minute"\n ></dt-num-list>\n </div>\n <div class="col second" part="col second">\n <span><dt-i18n i18n-key="timeUnit.second"></dt-i18n></span>\n <dt-num-list class="second" min-num="0" max-num="59"\n exportparts="container:list-container, item, item-current"\n part="list second"\n ></dt-num-list>\n </div>\n</div>\n<label class="ms-input" part="ms-wrapper">\n <span part="ms-label"><dt-i18n i18n-key="timeUnit.millisecond"></dt-i18n></span>\n <input part="ms-input" id="ms" type="number" class="millisecond" min="0" max="999" step="1" placeholder="000" />\n</label>\n'])));
import { Ele as PopoverEle } from "../popover/index.mjs";
PopoverEle.define();
import { Ele as EchoEle } from "../echo/index.mjs";
EchoEle.define();
export const selectorHtml = html(_b || (_b = __template(['\n<dt-popover part="popover" strategy="absolute" min-width-with-trigger>\n <slot name="trigger" slot="trigger">\n <dt-echo part="trigger"></dt-echo>\n </slot>\n <div slot="pop" part="pop">\n <h3><slot name="title"><dt-i18n i18n-key="time.singleTitle"></dt-i18n></slot></h3>\n <div class="list-grp">', '</div>\n <button><dt-i18n i18n-key="box.confirm"></dt-i18n></button>\n </div>\n</dt-popover>\n'])), baseHtml);