@gez/date-time-kit
Version:
8 lines (7 loc) • 2.37 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;
import { closeBarSvg, svg2cssUrl } from "../../assets/index.mjs";
import { css } from "../../utils/index.mjs";
export const styleStr = css(_a || (_a = __template(["\n::slotted([slot='pop']:not(.not-pop-bg)) {\n background-color: var(--dt-bg-block-light, #fff);\n padding: 10px 5px;\n border-radius: var(--dt-pop-border-radius, 6px);\n border: 1px solid var(--dt-border-dark, #0000001A);\n box-shadow: var(--dt-pop-box-shadow, 0 6px 16px #0003);\n}\n:host { display: inline-block; }\n:host(:not([open])) slot[name='pop'] { display: none; }\n:host([open]:not([strategy='none'])) slot[name='pop'] { display: block; }\n\n:host(:not([strategy='none'])) slot[name='pop'] {\n position: fixed;\n z-index: var(--dt-pop-z-index, 9999);\n top: 0;\n left: 0;\n}\n:host([strategy='absolute']) slot[name='pop'] { position: absolute; }\n:host([strategy='absolute']) { position: relative; }\n\n@media (max-width: 750px) {\n :host([open]) slot[name='pop'] {\n width: 100vw;\n max-height: min(90vh, 600px);\n top: unset;\n left: 0;\n bottom: 0;\n position: fixed;\n }\n :host([open]) slot[name='pop']::after, :host([open]) slot[name='pop']::before {\n content: '';\n display: block;\n position: absolute;\n }\n :host([open]) slot[name='pop']::before {\n bottom: 100%;\n left: 0;\n right: 0;\n height: 24px;\n border-radius: 20px 20px 0 0;\n background: var(--dt-bg-block-light, #fff);\n }\n :host([open]) slot[name='pop']::after {\n bottom: calc(100% + (24px - 4px) / 2);\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 4px;\n background: var(--dt-border-dark, #0000001A);\n mask-image: ", ";\n -webkit-mask-image: ", ";\n cursor: pointer;\n }\n ::slotted([slot='pop']:not(.not-pop-bg)) {\n padding: 15px;\n border-radius: 0;\n border: none;\n box-shadow: none;\n }\n /* for masking */\n :host([open]:not([strategy='none']))::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #0008;\n z-index: var(--dt-pop-z-index, 9999);\n }\n}\n"])), svg2cssUrl(closeBarSvg), svg2cssUrl(closeBarSvg));