@xwiki/cristal-electron-renderer 0.8.0
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/CHANGELOG.md +26 -0
- package/LICENSE +505 -0
- package/dist/Marianne-Bold-CYjThbH0.woff2 +0 -0
- package/dist/Marianne-Bold-u6yfe4-h.woff +0 -0
- package/dist/Marianne-Bold_Italic-BWnPOpjP.woff +0 -0
- package/dist/Marianne-Bold_Italic-BqW9V1Nh.woff2 +0 -0
- package/dist/Marianne-Light-DqWaxKdz.woff +0 -0
- package/dist/Marianne-Light-DsZfzyg9.woff2 +0 -0
- package/dist/Marianne-Light_Italic-BJOCXSxu.woff +0 -0
- package/dist/Marianne-Light_Italic-Yne2G_jl.woff2 +0 -0
- package/dist/Marianne-Medium-CmsIrdJJ.woff +0 -0
- package/dist/Marianne-Medium-DptVAR1p.woff2 +0 -0
- package/dist/Marianne-Medium_Italic-BP8MGzkr.woff +0 -0
- package/dist/Marianne-Medium_Italic-WqZFT7wM.woff2 +0 -0
- package/dist/Marianne-Regular-CaCqrnJM.woff2 +0 -0
- package/dist/Marianne-Regular-DxIeSxmB.woff +0 -0
- package/dist/Marianne-Regular_Italic-BQJsTSNr.woff +0 -0
- package/dist/Marianne-Regular_Italic-DdH8FtNo.woff2 +0 -0
- package/dist/Spectral-ExtraBold-CCzfBm-A.woff2 +0 -0
- package/dist/Spectral-ExtraBold-U325s3c2.woff +0 -0
- package/dist/Spectral-Regular-D0Iocl0n.woff +0 -0
- package/dist/Spectral-Regular-PmBQicsR.woff2 +0 -0
- package/dist/bootstrap-icons-BOrJxbIo.woff +0 -0
- package/dist/bootstrap-icons-BtvjY1KL.woff2 +0 -0
- package/dist/chunk.2Y62WHSU-C8i5cHiy.js +121 -0
- package/dist/chunk.2Y62WHSU-C8i5cHiy.js.map +1 -0
- package/dist/chunk.6DH62NIS-CVBVc-bX.js +684 -0
- package/dist/chunk.6DH62NIS-CVBVc-bX.js.map +1 -0
- package/dist/chunk.GAND2OKP-lICOl7JF.js +89 -0
- package/dist/chunk.GAND2OKP-lICOl7JF.js.map +1 -0
- package/dist/chunk.I6OQK3N3-BBclK2fM.js +117 -0
- package/dist/chunk.I6OQK3N3-BBclK2fM.js.map +1 -0
- package/dist/chunk.KWPBDQ6I-Bf3dc1GJ.js +2 -0
- package/dist/chunk.KWPBDQ6I-Bf3dc1GJ.js.map +1 -0
- package/dist/chunk.LHI6QEL2-DbpPiPxS.js +75 -0
- package/dist/chunk.LHI6QEL2-DbpPiPxS.js.map +1 -0
- package/dist/chunk.MGEAXYVX-o-WC3ZVc.js +77 -0
- package/dist/chunk.MGEAXYVX-o-WC3ZVc.js.map +1 -0
- package/dist/chunk.NYIIDP5N-AHr3eTN0.js +2 -0
- package/dist/chunk.NYIIDP5N-AHr3eTN0.js.map +1 -0
- package/dist/chunk.TUZSOS6C-DxyWSdpL.js +38 -0
- package/dist/chunk.TUZSOS6C-DxyWSdpL.js.map +1 -0
- package/dist/chunk.WJBFYL4X-Cbeo_gEa.js +24 -0
- package/dist/chunk.WJBFYL4X-Cbeo_gEa.js.map +1 -0
- package/dist/chunk.WYDJ5QAQ-C81Elw3D.js +163 -0
- package/dist/chunk.WYDJ5QAQ-C81Elw3D.js.map +1 -0
- package/dist/chunk.XX4STEEY-COEpspdZ.js +455 -0
- package/dist/chunk.XX4STEEY-COEpspdZ.js.map +1 -0
- package/dist/chunk.Z6CYCANS-DF0ctyRp.js +134 -0
- package/dist/chunk.Z6CYCANS-DF0ctyRp.js.map +1 -0
- package/dist/class-map-C3Xk0adH.js +10 -0
- package/dist/class-map-C3Xk0adH.js.map +1 -0
- package/dist/config.json +106 -0
- package/dist/if-defined-DAvNwoU5.js +6 -0
- package/dist/if-defined-DAvNwoU5.js.map +1 -0
- package/dist/index-DK0YwuAW.js +411 -0
- package/dist/index-DK0YwuAW.js.map +1 -0
- package/dist/index-ScDkqPqn.css +28 -0
- package/dist/index.html +13 -0
- package/dist/materialdesignicons-webfont-B7mPwVP_.ttf +0 -0
- package/dist/materialdesignicons-webfont-CSr8KVlo.eot +0 -0
- package/dist/materialdesignicons-webfont-Dp5v-WZN.woff2 +0 -0
- package/dist/materialdesignicons-webfont-PXm3-2wK.woff +0 -0
- package/dist/no-one-Cv0r_Hkg.svg +15 -0
- package/dist/query-D1pSaKds.js +10 -0
- package/dist/query-D1pSaKds.js.map +1 -0
- package/dist/static-CdL8EPVS.js +7 -0
- package/dist/static-CdL8EPVS.js.map +1 -0
- package/dist/staticBuild-BlyaXHUF.css +1 -0
- package/dist/staticBuild-BoKVadnu.js +1063 -0
- package/dist/staticBuild-BoKVadnu.js.map +1 -0
- package/dist/worker-CybHddrE.js +211 -0
- package/dist/worker-CybHddrE.js.map +1 -0
- package/dist/x-alert-7r5rx0d7.js +2 -0
- package/dist/x-alert-7r5rx0d7.js.map +1 -0
- package/dist/x-alert-l0oP9PUN.js +2 -0
- package/dist/x-alert-l0oP9PUN.js.map +1 -0
- package/dist/x-alert-uqeGd1IW.js +2 -0
- package/dist/x-alert-uqeGd1IW.js.map +1 -0
- package/dist/x-avatar-BARZZcgr.js +2 -0
- package/dist/x-avatar-BARZZcgr.js.map +1 -0
- package/dist/x-avatar-CfnVd4CE.css +1 -0
- package/dist/x-avatar-DnbaVGNC.js +2 -0
- package/dist/x-avatar-DnbaVGNC.js.map +1 -0
- package/dist/x-avatar-rzw6K8Wc.js +2 -0
- package/dist/x-avatar-rzw6K8Wc.js.map +1 -0
- package/dist/x-breadcrumb-CzKs24Jh.js +2 -0
- package/dist/x-breadcrumb-CzKs24Jh.js.map +1 -0
- package/dist/x-breadcrumb-VokcqVrB.js +2 -0
- package/dist/x-breadcrumb-VokcqVrB.js.map +1 -0
- package/dist/x-btn-BNO2Vh9q.js +2 -0
- package/dist/x-btn-BNO2Vh9q.js.map +1 -0
- package/dist/x-btn-BeE4ChBm.js +2 -0
- package/dist/x-btn-BeE4ChBm.js.map +1 -0
- package/dist/x-btn-D2HJcK1C.css +1 -0
- package/dist/x-btn-DOkDF37q.js +2 -0
- package/dist/x-btn-DOkDF37q.js.map +1 -0
- package/dist/x-card-BzquGj3n.js +2 -0
- package/dist/x-card-BzquGj3n.js.map +1 -0
- package/dist/x-card-D6loY5Bx.js +2 -0
- package/dist/x-card-D6loY5Bx.js.map +1 -0
- package/dist/x-card-D_W5kTzv.js +2 -0
- package/dist/x-card-D_W5kTzv.js.map +1 -0
- package/dist/x-col-B5OPXPr8.js +2 -0
- package/dist/x-col-B5OPXPr8.js.map +1 -0
- package/dist/x-col-KJDQojCc.js +2 -0
- package/dist/x-col-KJDQojCc.js.map +1 -0
- package/dist/x-container-e-eRQnv6.js +2 -0
- package/dist/x-container-e-eRQnv6.js.map +1 -0
- package/dist/x-container-e4wjA5VY.js +2 -0
- package/dist/x-container-e4wjA5VY.js.map +1 -0
- package/dist/x-dialog-D6r8mi6-.js +2 -0
- package/dist/x-dialog-D6r8mi6-.js.map +1 -0
- package/dist/x-dialog-DYWxApRD.js +2 -0
- package/dist/x-dialog-DYWxApRD.js.map +1 -0
- package/dist/x-dialog-oAn88o9T.js +2 -0
- package/dist/x-dialog-oAn88o9T.js.map +1 -0
- package/dist/x-divider-BCwuNKpo.js +2 -0
- package/dist/x-divider-BCwuNKpo.js.map +1 -0
- package/dist/x-divider-BnEfygqi.js +2 -0
- package/dist/x-divider-BnEfygqi.js.map +1 -0
- package/dist/x-divider-rvXgbWfE.js +2 -0
- package/dist/x-divider-rvXgbWfE.js.map +1 -0
- package/dist/x-img-B2B5glWY.js +2 -0
- package/dist/x-img-B2B5glWY.js.map +1 -0
- package/dist/x-img-Bj_1ZxwL.js +2 -0
- package/dist/x-img-Bj_1ZxwL.js.map +1 -0
- package/dist/x-img-iz7nX54V.js +2 -0
- package/dist/x-img-iz7nX54V.js.map +1 -0
- package/dist/x-load-B-IMf3jW.js +2 -0
- package/dist/x-load-B-IMf3jW.js.map +1 -0
- package/dist/x-load-DKS8UJZy.js +2 -0
- package/dist/x-load-DKS8UJZy.js.map +1 -0
- package/dist/x-load-DYuGRQQC.css +1 -0
- package/dist/x-load-Diex9fJK.js +2 -0
- package/dist/x-load-Diex9fJK.js.map +1 -0
- package/dist/x-load-DyIF2nXd.css +5 -0
- package/dist/x-load-THoDQrSz.css +3 -0
- package/dist/x-menu-BBb2QzOu.js +2 -0
- package/dist/x-menu-BBb2QzOu.js.map +1 -0
- package/dist/x-menu-BKquCdsX.js +4963 -0
- package/dist/x-menu-BKquCdsX.js.map +1 -0
- package/dist/x-menu-Ce37WOnf.js +2 -0
- package/dist/x-menu-Ce37WOnf.js.map +1 -0
- package/dist/x-menu-item-JuTN7QVh.js +2 -0
- package/dist/x-menu-item-JuTN7QVh.js.map +1 -0
- package/dist/x-menuitem-CNKTVGiE.js +2 -0
- package/dist/x-menuitem-CNKTVGiE.js.map +1 -0
- package/dist/x-menuitem-CVO0asxe.js +2 -0
- package/dist/x-menuitem-CVO0asxe.js.map +1 -0
- package/dist/x-row-B5OPXPr8.js +2 -0
- package/dist/x-row-B5OPXPr8.js.map +1 -0
- package/dist/x-row-KJDQojCc.js +2 -0
- package/dist/x-row-KJDQojCc.js.map +1 -0
- package/dist/x-search-B0oJfSre.js +2 -0
- package/dist/x-search-B0oJfSre.js.map +1 -0
- package/dist/x-search-D_rjUBBL.js +2 -0
- package/dist/x-search-D_rjUBBL.js.map +1 -0
- package/dist/x-textfield-CRySrmrj.js +2 -0
- package/dist/x-textfield-CRySrmrj.js.map +1 -0
- package/dist/x-textfield-GtnNDOX1.js +2 -0
- package/dist/x-textfield-GtnNDOX1.js.map +1 -0
- package/dist/xwiki-logo-color-DZ9bdNW4.svg +18 -0
- package/index.html +12 -0
- package/package.json +38 -0
- package/public/config.json +106 -0
- package/src/index.ts +50 -0
- package/src/vite-env.d.ts +27 -0
- package/src/vue.d.ts +32 -0
- package/tsconfig.json +21 -0
- package/vite.config.js +79 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chunk.WYDJ5QAQ-C81Elw3D.js","sources":["../../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.LXDTFLWU.js","../../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ODFLWOL6.js","../../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.F5JVBNK3.js","../../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.G5RKA5HF.js","../../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.F4FHL4G5.js","../../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.WYDJ5QAQ.js"],"sourcesContent":["// src/internal/tabbable.ts\nvar computedStyleMap = /* @__PURE__ */ new WeakMap();\nfunction getCachedComputedStyle(el) {\n let computedStyle = computedStyleMap.get(el);\n if (!computedStyle) {\n computedStyle = window.getComputedStyle(el, null);\n computedStyleMap.set(el, computedStyle);\n }\n return computedStyle;\n}\nfunction isVisible(el) {\n if (typeof el.checkVisibility === \"function\") {\n return el.checkVisibility({ checkOpacity: false, checkVisibilityCSS: true });\n }\n const computedStyle = getCachedComputedStyle(el);\n return computedStyle.visibility !== \"hidden\" && computedStyle.display !== \"none\";\n}\nfunction isOverflowingAndTabbable(el) {\n const computedStyle = getCachedComputedStyle(el);\n const { overflowY, overflowX } = computedStyle;\n if (overflowY === \"scroll\" || overflowX === \"scroll\") {\n return true;\n }\n if (overflowY !== \"auto\" || overflowX !== \"auto\") {\n return false;\n }\n const isOverflowingY = el.scrollHeight > el.clientHeight;\n if (isOverflowingY && overflowY === \"auto\") {\n return true;\n }\n const isOverflowingX = el.scrollWidth > el.clientWidth;\n if (isOverflowingX && overflowX === \"auto\") {\n return true;\n }\n return false;\n}\nfunction isTabbable(el) {\n const tag = el.tagName.toLowerCase();\n const tabindex = Number(el.getAttribute(\"tabindex\"));\n const hasTabindex = el.hasAttribute(\"tabindex\");\n if (hasTabindex && (isNaN(tabindex) || tabindex <= -1)) {\n return false;\n }\n if (el.hasAttribute(\"disabled\")) {\n return false;\n }\n if (el.closest(\"[inert]\")) {\n return false;\n }\n if (tag === \"input\" && el.getAttribute(\"type\") === \"radio\" && !el.hasAttribute(\"checked\")) {\n return false;\n }\n if (!isVisible(el)) {\n return false;\n }\n if ((tag === \"audio\" || tag === \"video\") && el.hasAttribute(\"controls\")) {\n return true;\n }\n if (el.hasAttribute(\"tabindex\")) {\n return true;\n }\n if (el.hasAttribute(\"contenteditable\") && el.getAttribute(\"contenteditable\") !== \"false\") {\n return true;\n }\n const isNativelyTabbable = [\n \"button\",\n \"input\",\n \"select\",\n \"textarea\",\n \"a\",\n \"audio\",\n \"video\",\n \"summary\",\n \"iframe\"\n ].includes(tag);\n if (isNativelyTabbable) {\n return true;\n }\n return isOverflowingAndTabbable(el);\n}\nfunction getTabbableBoundary(root) {\n var _a, _b;\n const tabbableElements = getTabbableElements(root);\n const start = (_a = tabbableElements[0]) != null ? _a : null;\n const end = (_b = tabbableElements[tabbableElements.length - 1]) != null ? _b : null;\n return { start, end };\n}\nfunction getSlottedChildrenOutsideRootElement(slotElement, root) {\n var _a;\n return ((_a = slotElement.getRootNode({ composed: true })) == null ? void 0 : _a.host) !== root;\n}\nfunction getTabbableElements(root) {\n const walkedEls = /* @__PURE__ */ new WeakMap();\n const tabbableElements = [];\n function walk(el) {\n if (el instanceof Element) {\n if (el.hasAttribute(\"inert\") || el.closest(\"[inert]\")) {\n return;\n }\n if (walkedEls.has(el)) {\n return;\n }\n walkedEls.set(el, true);\n if (!tabbableElements.includes(el) && isTabbable(el)) {\n tabbableElements.push(el);\n }\n if (el instanceof HTMLSlotElement && getSlottedChildrenOutsideRootElement(el, root)) {\n el.assignedElements({ flatten: true }).forEach((assignedEl) => {\n walk(assignedEl);\n });\n }\n if (el.shadowRoot !== null && el.shadowRoot.mode === \"open\") {\n walk(el.shadowRoot);\n }\n }\n for (const e of el.children) {\n walk(e);\n }\n }\n walk(root);\n return tabbableElements.sort((a, b) => {\n const aTabindex = Number(a.getAttribute(\"tabindex\")) || 0;\n const bTabindex = Number(b.getAttribute(\"tabindex\")) || 0;\n return bTabindex - aTabindex;\n });\n}\n\nexport {\n getTabbableBoundary,\n getTabbableElements\n};\n","import {\n getTabbableElements\n} from \"./chunk.LXDTFLWU.js\";\nimport {\n __yieldStar\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/internal/active-elements.ts\nfunction* activeElements(activeElement = document.activeElement) {\n if (activeElement === null || activeElement === void 0)\n return;\n yield activeElement;\n if (\"shadowRoot\" in activeElement && activeElement.shadowRoot && activeElement.shadowRoot.mode !== \"closed\") {\n yield* __yieldStar(activeElements(activeElement.shadowRoot.activeElement));\n }\n}\nfunction getDeepestActiveElement() {\n return [...activeElements()].pop();\n}\n\n// src/internal/modal.ts\nvar activeModals = [];\nvar Modal = class {\n constructor(element) {\n this.tabDirection = \"forward\";\n this.handleFocusIn = () => {\n if (!this.isActive())\n return;\n this.checkFocus();\n };\n this.handleKeyDown = (event) => {\n var _a;\n if (event.key !== \"Tab\" || this.isExternalActivated)\n return;\n if (!this.isActive())\n return;\n const currentActiveElement = getDeepestActiveElement();\n this.previousFocus = currentActiveElement;\n if (this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus)) {\n return;\n }\n if (event.shiftKey) {\n this.tabDirection = \"backward\";\n } else {\n this.tabDirection = \"forward\";\n }\n const tabbableElements = getTabbableElements(this.element);\n let currentFocusIndex = tabbableElements.findIndex((el) => el === currentActiveElement);\n this.previousFocus = this.currentFocus;\n const addition = this.tabDirection === \"forward\" ? 1 : -1;\n while (true) {\n if (currentFocusIndex + addition >= tabbableElements.length) {\n currentFocusIndex = 0;\n } else if (currentFocusIndex + addition < 0) {\n currentFocusIndex = tabbableElements.length - 1;\n } else {\n currentFocusIndex += addition;\n }\n this.previousFocus = this.currentFocus;\n const nextFocus = (\n /** @type {HTMLElement} */\n tabbableElements[currentFocusIndex]\n );\n if (this.tabDirection === \"backward\") {\n if (this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus)) {\n return;\n }\n }\n if (nextFocus && this.possiblyHasTabbableChildren(nextFocus)) {\n return;\n }\n event.preventDefault();\n this.currentFocus = nextFocus;\n (_a = this.currentFocus) == null ? void 0 : _a.focus({ preventScroll: false });\n const allActiveElements = [...activeElements()];\n if (allActiveElements.includes(this.currentFocus) || !allActiveElements.includes(this.previousFocus)) {\n break;\n }\n }\n setTimeout(() => this.checkFocus());\n };\n this.handleKeyUp = () => {\n this.tabDirection = \"forward\";\n };\n this.element = element;\n this.elementsWithTabbableControls = [\"iframe\"];\n }\n /** Activates focus trapping. */\n activate() {\n activeModals.push(this.element);\n document.addEventListener(\"focusin\", this.handleFocusIn);\n document.addEventListener(\"keydown\", this.handleKeyDown);\n document.addEventListener(\"keyup\", this.handleKeyUp);\n }\n /** Deactivates focus trapping. */\n deactivate() {\n activeModals = activeModals.filter((modal) => modal !== this.element);\n this.currentFocus = null;\n document.removeEventListener(\"focusin\", this.handleFocusIn);\n document.removeEventListener(\"keydown\", this.handleKeyDown);\n document.removeEventListener(\"keyup\", this.handleKeyUp);\n }\n /** Determines if this modal element is currently active or not. */\n isActive() {\n return activeModals[activeModals.length - 1] === this.element;\n }\n /** Activates external modal behavior and temporarily disables focus trapping. */\n activateExternal() {\n this.isExternalActivated = true;\n }\n /** Deactivates external modal behavior and re-enables focus trapping. */\n deactivateExternal() {\n this.isExternalActivated = false;\n }\n checkFocus() {\n if (this.isActive() && !this.isExternalActivated) {\n const tabbableElements = getTabbableElements(this.element);\n if (!this.element.matches(\":focus-within\")) {\n const start = tabbableElements[0];\n const end = tabbableElements[tabbableElements.length - 1];\n const target = this.tabDirection === \"forward\" ? start : end;\n if (typeof (target == null ? void 0 : target.focus) === \"function\") {\n this.currentFocus = target;\n target.focus({ preventScroll: false });\n }\n }\n }\n }\n possiblyHasTabbableChildren(element) {\n return this.elementsWithTabbableControls.includes(element.tagName.toLowerCase()) || element.hasAttribute(\"controls\");\n }\n};\n\nexport {\n Modal\n};\n","// src/internal/offset.ts\nfunction getOffset(element, parent) {\n return {\n top: Math.round(element.getBoundingClientRect().top - parent.getBoundingClientRect().top),\n left: Math.round(element.getBoundingClientRect().left - parent.getBoundingClientRect().left)\n };\n}\n\n// src/internal/scroll.ts\nvar locks = /* @__PURE__ */ new Set();\nfunction getScrollbarWidth() {\n const documentWidth = document.documentElement.clientWidth;\n return Math.abs(window.innerWidth - documentWidth);\n}\nfunction getExistingBodyPadding() {\n const padding = Number(getComputedStyle(document.body).paddingRight.replace(/px/, \"\"));\n if (isNaN(padding) || !padding) {\n return 0;\n }\n return padding;\n}\nfunction lockBodyScrolling(lockingEl) {\n locks.add(lockingEl);\n if (!document.documentElement.classList.contains(\"sl-scroll-lock\")) {\n const scrollbarWidth = getScrollbarWidth() + getExistingBodyPadding();\n let scrollbarGutterProperty = getComputedStyle(document.documentElement).scrollbarGutter;\n if (!scrollbarGutterProperty || scrollbarGutterProperty === \"auto\") {\n scrollbarGutterProperty = \"stable\";\n }\n if (scrollbarWidth <= 0) {\n scrollbarGutterProperty = \"revert\";\n }\n document.documentElement.style.setProperty(\"--sl-scroll-lock-gutter\", scrollbarGutterProperty);\n document.documentElement.classList.add(\"sl-scroll-lock\");\n document.documentElement.style.setProperty(\"--sl-scroll-lock-size\", `${scrollbarWidth}px`);\n }\n}\nfunction unlockBodyScrolling(lockingEl) {\n locks.delete(lockingEl);\n if (locks.size === 0) {\n document.documentElement.classList.remove(\"sl-scroll-lock\");\n document.documentElement.style.removeProperty(\"--sl-scroll-lock-size\");\n }\n}\nfunction scrollIntoView(element, container, direction = \"vertical\", behavior = \"smooth\") {\n const offset = getOffset(element, container);\n const offsetTop = offset.top + container.scrollTop;\n const offsetLeft = offset.left + container.scrollLeft;\n const minX = container.scrollLeft;\n const maxX = container.scrollLeft + container.offsetWidth;\n const minY = container.scrollTop;\n const maxY = container.scrollTop + container.offsetHeight;\n if (direction === \"horizontal\" || direction === \"both\") {\n if (offsetLeft < minX) {\n container.scrollTo({ left: offsetLeft, behavior });\n } else if (offsetLeft + element.clientWidth > maxX) {\n container.scrollTo({ left: offsetLeft - container.offsetWidth + element.clientWidth, behavior });\n }\n }\n if (direction === \"vertical\" || direction === \"both\") {\n if (offsetTop < minY) {\n container.scrollTo({ top: offsetTop, behavior });\n } else if (offsetTop + element.clientHeight > maxY) {\n container.scrollTo({ top: offsetTop - container.offsetHeight + element.clientHeight, behavior });\n }\n }\n}\n\nexport {\n lockBodyScrolling,\n unlockBodyScrolling,\n scrollIntoView\n};\n","// src/components/dialog/dialog.styles.ts\nimport { css } from \"lit\";\nvar dialog_styles_default = css`\n :host {\n --width: 31rem;\n --header-spacing: var(--sl-spacing-large);\n --body-spacing: var(--sl-spacing-large);\n --footer-spacing: var(--sl-spacing-large);\n\n display: contents;\n }\n\n .dialog {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: var(--sl-z-index-dialog);\n }\n\n .dialog__panel {\n display: flex;\n flex-direction: column;\n z-index: 2;\n width: var(--width);\n max-width: calc(100% - var(--sl-spacing-2x-large));\n max-height: calc(100% - var(--sl-spacing-2x-large));\n background-color: var(--sl-panel-background-color);\n border-radius: var(--sl-border-radius-medium);\n box-shadow: var(--sl-shadow-x-large);\n }\n\n .dialog__panel:focus {\n outline: none;\n }\n\n /* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */\n @media screen and (max-width: 420px) {\n .dialog__panel {\n max-height: 80vh;\n }\n }\n\n .dialog--open .dialog__panel {\n display: flex;\n opacity: 1;\n }\n\n .dialog__header {\n flex: 0 0 auto;\n display: flex;\n }\n\n .dialog__title {\n flex: 1 1 auto;\n font: inherit;\n font-size: var(--sl-font-size-large);\n line-height: var(--sl-line-height-dense);\n padding: var(--header-spacing);\n margin: 0;\n }\n\n .dialog__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: var(--sl-spacing-2x-small);\n padding: 0 var(--header-spacing);\n }\n\n .dialog__header-actions sl-icon-button,\n .dialog__header-actions ::slotted(sl-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: var(--sl-font-size-medium);\n }\n\n .dialog__body {\n flex: 1 1 auto;\n display: block;\n padding: var(--body-spacing);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .dialog__footer {\n flex: 0 0 auto;\n text-align: right;\n padding: var(--footer-spacing);\n }\n\n .dialog__footer ::slotted(sl-button:not(:first-of-type)) {\n margin-inline-start: var(--sl-spacing-x-small);\n }\n\n .dialog:not(.dialog--has-footer) .dialog__footer {\n display: none;\n }\n\n .dialog__overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: var(--sl-overlay-background-color);\n }\n\n @media (forced-colors: active) {\n .dialog__panel {\n border: solid 1px var(--sl-color-neutral-0);\n }\n }\n`;\n\nexport {\n dialog_styles_default\n};\n","import {\n Modal\n} from \"./chunk.ODFLWOL6.js\";\nimport {\n lockBodyScrolling,\n unlockBodyScrolling\n} from \"./chunk.F5JVBNK3.js\";\nimport {\n dialog_styles_default\n} from \"./chunk.G5RKA5HF.js\";\nimport {\n SlIconButton\n} from \"./chunk.DBG7W4GS.js\";\nimport {\n getAnimation,\n setDefaultAnimation\n} from \"./chunk.DHU6MIVB.js\";\nimport {\n waitForEvent\n} from \"./chunk.B4BZKR24.js\";\nimport {\n animateTo,\n stopAnimations\n} from \"./chunk.LHI6QEL2.js\";\nimport {\n LocalizeController\n} from \"./chunk.WLV3FVBR.js\";\nimport {\n watch\n} from \"./chunk.2FB5TK5H.js\";\nimport {\n HasSlotController\n} from \"./chunk.NYIIDP5N.js\";\nimport {\n component_styles_default\n} from \"./chunk.TUVJKY7S.js\";\nimport {\n ShoelaceElement\n} from \"./chunk.TUZSOS6C.js\";\nimport {\n __decorateClass\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/components/dialog/dialog.component.ts\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { property, query } from \"lit/decorators.js\";\nvar SlDialog = class extends ShoelaceElement {\n constructor() {\n super(...arguments);\n this.hasSlotController = new HasSlotController(this, \"footer\");\n this.localize = new LocalizeController(this);\n this.modal = new Modal(this);\n this.open = false;\n this.label = \"\";\n this.noHeader = false;\n this.handleDocumentKeyDown = (event) => {\n if (event.key === \"Escape\" && this.modal.isActive() && this.open) {\n event.stopPropagation();\n this.requestClose(\"keyboard\");\n }\n };\n }\n firstUpdated() {\n this.dialog.hidden = !this.open;\n if (this.open) {\n this.addOpenListeners();\n this.modal.activate();\n lockBodyScrolling(this);\n }\n }\n disconnectedCallback() {\n var _a;\n super.disconnectedCallback();\n this.modal.deactivate();\n unlockBodyScrolling(this);\n (_a = this.closeWatcher) == null ? void 0 : _a.destroy();\n }\n requestClose(source) {\n const slRequestClose = this.emit(\"sl-request-close\", {\n cancelable: true,\n detail: { source }\n });\n if (slRequestClose.defaultPrevented) {\n const animation = getAnimation(this, \"dialog.denyClose\", { dir: this.localize.dir() });\n animateTo(this.panel, animation.keyframes, animation.options);\n return;\n }\n this.hide();\n }\n addOpenListeners() {\n var _a;\n if (\"CloseWatcher\" in window) {\n (_a = this.closeWatcher) == null ? void 0 : _a.destroy();\n this.closeWatcher = new CloseWatcher();\n this.closeWatcher.onclose = () => this.requestClose(\"keyboard\");\n } else {\n document.addEventListener(\"keydown\", this.handleDocumentKeyDown);\n }\n }\n removeOpenListeners() {\n var _a;\n (_a = this.closeWatcher) == null ? void 0 : _a.destroy();\n document.removeEventListener(\"keydown\", this.handleDocumentKeyDown);\n }\n async handleOpenChange() {\n if (this.open) {\n this.emit(\"sl-show\");\n this.addOpenListeners();\n this.originalTrigger = document.activeElement;\n this.modal.activate();\n lockBodyScrolling(this);\n const autoFocusTarget = this.querySelector(\"[autofocus]\");\n if (autoFocusTarget) {\n autoFocusTarget.removeAttribute(\"autofocus\");\n }\n await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);\n this.dialog.hidden = false;\n requestAnimationFrame(() => {\n const slInitialFocus = this.emit(\"sl-initial-focus\", { cancelable: true });\n if (!slInitialFocus.defaultPrevented) {\n if (autoFocusTarget) {\n autoFocusTarget.focus({ preventScroll: true });\n } else {\n this.panel.focus({ preventScroll: true });\n }\n }\n if (autoFocusTarget) {\n autoFocusTarget.setAttribute(\"autofocus\", \"\");\n }\n });\n const panelAnimation = getAnimation(this, \"dialog.show\", { dir: this.localize.dir() });\n const overlayAnimation = getAnimation(this, \"dialog.overlay.show\", { dir: this.localize.dir() });\n await Promise.all([\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)\n ]);\n this.emit(\"sl-after-show\");\n } else {\n this.emit(\"sl-hide\");\n this.removeOpenListeners();\n this.modal.deactivate();\n await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);\n const panelAnimation = getAnimation(this, \"dialog.hide\", { dir: this.localize.dir() });\n const overlayAnimation = getAnimation(this, \"dialog.overlay.hide\", { dir: this.localize.dir() });\n await Promise.all([\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {\n this.overlay.hidden = true;\n }),\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {\n this.panel.hidden = true;\n })\n ]);\n this.dialog.hidden = true;\n this.overlay.hidden = false;\n this.panel.hidden = false;\n unlockBodyScrolling(this);\n const trigger = this.originalTrigger;\n if (typeof (trigger == null ? void 0 : trigger.focus) === \"function\") {\n setTimeout(() => trigger.focus());\n }\n this.emit(\"sl-after-hide\");\n }\n }\n /** Shows the dialog. */\n async show() {\n if (this.open) {\n return void 0;\n }\n this.open = true;\n return waitForEvent(this, \"sl-after-show\");\n }\n /** Hides the dialog */\n async hide() {\n if (!this.open) {\n return void 0;\n }\n this.open = false;\n return waitForEvent(this, \"sl-after-hide\");\n }\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n dialog: true,\n \"dialog--open\": this.open,\n \"dialog--has-footer\": this.hasSlotController.test(\"footer\")\n })}\n >\n <div part=\"overlay\" class=\"dialog__overlay\" @click=${() => this.requestClose(\"overlay\")} tabindex=\"-1\"></div>\n\n <div\n part=\"panel\"\n class=\"dialog__panel\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-hidden=${this.open ? \"false\" : \"true\"}\n aria-label=${ifDefined(this.noHeader ? this.label : void 0)}\n aria-labelledby=${ifDefined(!this.noHeader ? \"title\" : void 0)}\n tabindex=\"-1\"\n >\n ${!this.noHeader ? html`\n <header part=\"header\" class=\"dialog__header\">\n <h2 part=\"title\" class=\"dialog__title\" id=\"title\">\n <slot name=\"label\"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>\n </h2>\n <div part=\"header-actions\" class=\"dialog__header-actions\">\n <slot name=\"header-actions\"></slot>\n <sl-icon-button\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n class=\"dialog__close\"\n name=\"x-lg\"\n label=${this.localize.term(\"close\")}\n library=\"system\"\n @click=\"${() => this.requestClose(\"close-button\")}\"\n ></sl-icon-button>\n </div>\n </header>\n ` : \"\"}\n ${\"\"}\n <div part=\"body\" class=\"dialog__body\" tabindex=\"-1\"><slot></slot></div>\n\n <footer part=\"footer\" class=\"dialog__footer\">\n <slot name=\"footer\"></slot>\n </footer>\n </div>\n </div>\n `;\n }\n};\nSlDialog.styles = [component_styles_default, dialog_styles_default];\nSlDialog.dependencies = {\n \"sl-icon-button\": SlIconButton\n};\n__decorateClass([\n query(\".dialog\")\n], SlDialog.prototype, \"dialog\", 2);\n__decorateClass([\n query(\".dialog__panel\")\n], SlDialog.prototype, \"panel\", 2);\n__decorateClass([\n query(\".dialog__overlay\")\n], SlDialog.prototype, \"overlay\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlDialog.prototype, \"open\", 2);\n__decorateClass([\n property({ reflect: true })\n], SlDialog.prototype, \"label\", 2);\n__decorateClass([\n property({ attribute: \"no-header\", type: Boolean, reflect: true })\n], SlDialog.prototype, \"noHeader\", 2);\n__decorateClass([\n watch(\"open\", { waitUntilFirstUpdate: true })\n], SlDialog.prototype, \"handleOpenChange\", 1);\nsetDefaultAnimation(\"dialog.show\", {\n keyframes: [\n { opacity: 0, scale: 0.8 },\n { opacity: 1, scale: 1 }\n ],\n options: { duration: 250, easing: \"ease\" }\n});\nsetDefaultAnimation(\"dialog.hide\", {\n keyframes: [\n { opacity: 1, scale: 1 },\n { opacity: 0, scale: 0.8 }\n ],\n options: { duration: 250, easing: \"ease\" }\n});\nsetDefaultAnimation(\"dialog.denyClose\", {\n keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],\n options: { duration: 250 }\n});\nsetDefaultAnimation(\"dialog.overlay.show\", {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n options: { duration: 250 }\n});\nsetDefaultAnimation(\"dialog.overlay.hide\", {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n options: { duration: 250 }\n});\n\nexport {\n SlDialog\n};\n","import {\n SlDialog\n} from \"./chunk.F4FHL4G5.js\";\n\n// src/components/dialog/dialog.ts\nvar dialog_default = SlDialog;\nSlDialog.define(\"sl-dialog\");\n\nexport {\n dialog_default\n};\n"],"names":["computedStyleMap","getCachedComputedStyle","el","computedStyle","isVisible","isOverflowingAndTabbable","overflowY","overflowX","isTabbable","tag","tabindex","getTabbableBoundary","root","_a","_b","tabbableElements","getTabbableElements","start","end","getSlottedChildrenOutsideRootElement","slotElement","walkedEls","walk","assignedEl","e","a","b","aTabindex","activeElements","activeElement","__yieldStar","getDeepestActiveElement","activeModals","Modal","element","event","currentActiveElement","currentFocusIndex","addition","nextFocus","allActiveElements","modal","target","getOffset","parent","locks","getScrollbarWidth","documentWidth","getExistingBodyPadding","padding","lockBodyScrolling","lockingEl","scrollbarWidth","scrollbarGutterProperty","unlockBodyScrolling","scrollIntoView","container","direction","behavior","offset","offsetTop","offsetLeft","minX","maxX","minY","maxY","dialog_styles_default","css","SlDialog","ShoelaceElement","HasSlotController","LocalizeController","source","animation","getAnimation","animateTo","autoFocusTarget","stopAnimations","panelAnimation","overlayAnimation","trigger","waitForEvent","html","classMap","ifDefined","component_styles_default","SlIconButton","__decorateClass","query","property","watch","setDefaultAnimation"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
|
@@ -0,0 +1,455 @@
|
|
|
1
|
+
import{u as _,i as w,w as m,T as $,c as z,_ as i,n as l,S as T,x as p}from"./chunk.TUZSOS6C-DxyWSdpL.js";import{F as I}from"./chunk.KWPBDQ6I-Bf3dc1GJ.js";import{L as V,o as n}from"./if-defined-DAvNwoU5.js";import{f as A,m as S,S as x,r as B,w as f}from"./chunk.I6OQK3N3-BBclK2fM.js";import{H as E}from"./chunk.NYIIDP5N-AHr3eTN0.js";import{a as F,i as P,t as u,e as y}from"./class-map-C3Xk0adH.js";import{e as D}from"./query-D1pSaKds.js";var U=(t="value")=>(o,r)=>{const s=o.constructor,c=s.prototype.attributeChangedCallback;s.prototype.attributeChangedCallback=function(a,k,b){var g;const d=s.getPropertyOptions(t),C=typeof d.attribute=="string"?d.attribute:t;if(a===C){const h=d.converter||_,v=(typeof h=="function"?h:(g=h?.fromAttribute)!=null?g:_.fromAttribute)(b,d.type);this[t]!==v&&(this[r]=v)}c.call(this,a,k,b)}},R=w`
|
|
2
|
+
.form-control .form-control__label {
|
|
3
|
+
display: none;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.form-control .form-control__help-text {
|
|
7
|
+
display: none;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/* Label */
|
|
11
|
+
.form-control--has-label .form-control__label {
|
|
12
|
+
display: inline-block;
|
|
13
|
+
color: var(--sl-input-label-color);
|
|
14
|
+
margin-bottom: var(--sl-spacing-3x-small);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.form-control--has-label.form-control--small .form-control__label {
|
|
18
|
+
font-size: var(--sl-input-label-font-size-small);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.form-control--has-label.form-control--medium .form-control__label {
|
|
22
|
+
font-size: var(--sl-input-label-font-size-medium);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.form-control--has-label.form-control--large .form-control__label {
|
|
26
|
+
font-size: var(--sl-input-label-font-size-large);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:host([required]) .form-control--has-label .form-control__label::after {
|
|
30
|
+
content: var(--sl-input-required-content);
|
|
31
|
+
margin-inline-start: var(--sl-input-required-content-offset);
|
|
32
|
+
color: var(--sl-input-required-content-color);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* Help text */
|
|
36
|
+
.form-control--has-help-text .form-control__help-text {
|
|
37
|
+
display: block;
|
|
38
|
+
color: var(--sl-input-help-text-color);
|
|
39
|
+
margin-top: var(--sl-spacing-3x-small);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.form-control--has-help-text.form-control--small .form-control__help-text {
|
|
43
|
+
font-size: var(--sl-input-help-text-font-size-small);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.form-control--has-help-text.form-control--medium .form-control__help-text {
|
|
47
|
+
font-size: var(--sl-input-help-text-font-size-medium);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.form-control--has-help-text.form-control--large .form-control__help-text {
|
|
51
|
+
font-size: var(--sl-input-help-text-font-size-large);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.form-control--has-help-text.form-control--radio-group .form-control__help-text {
|
|
55
|
+
margin-top: var(--sl-spacing-2x-small);
|
|
56
|
+
}
|
|
57
|
+
`;/**
|
|
58
|
+
* @license
|
|
59
|
+
* Copyright 2020 Google LLC
|
|
60
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
61
|
+
*/const O=F(class extends P{constructor(t){if(super(t),t.type!==u.PROPERTY&&t.type!==u.ATTRIBUTE&&t.type!==u.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!A(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[o]){if(o===m||o===$)return o;const r=t.element,s=t.name;if(t.type===u.PROPERTY){if(o===r[s])return m}else if(t.type===u.BOOLEAN_ATTRIBUTE){if(!!o===r.hasAttribute(s))return m}else if(t.type===u.ATTRIBUTE&&r.getAttribute(s)===o+"")return m;return S(t),o}});var q=w`
|
|
62
|
+
:host {
|
|
63
|
+
display: block;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.input {
|
|
67
|
+
flex: 1 1 auto;
|
|
68
|
+
display: inline-flex;
|
|
69
|
+
align-items: stretch;
|
|
70
|
+
justify-content: start;
|
|
71
|
+
position: relative;
|
|
72
|
+
width: 100%;
|
|
73
|
+
font-family: var(--sl-input-font-family);
|
|
74
|
+
font-weight: var(--sl-input-font-weight);
|
|
75
|
+
letter-spacing: var(--sl-input-letter-spacing);
|
|
76
|
+
vertical-align: middle;
|
|
77
|
+
overflow: hidden;
|
|
78
|
+
cursor: text;
|
|
79
|
+
transition:
|
|
80
|
+
var(--sl-transition-fast) color,
|
|
81
|
+
var(--sl-transition-fast) border,
|
|
82
|
+
var(--sl-transition-fast) box-shadow,
|
|
83
|
+
var(--sl-transition-fast) background-color;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/* Standard inputs */
|
|
87
|
+
.input--standard {
|
|
88
|
+
background-color: var(--sl-input-background-color);
|
|
89
|
+
border: solid var(--sl-input-border-width) var(--sl-input-border-color);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.input--standard:hover:not(.input--disabled) {
|
|
93
|
+
background-color: var(--sl-input-background-color-hover);
|
|
94
|
+
border-color: var(--sl-input-border-color-hover);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.input--standard.input--focused:not(.input--disabled) {
|
|
98
|
+
background-color: var(--sl-input-background-color-focus);
|
|
99
|
+
border-color: var(--sl-input-border-color-focus);
|
|
100
|
+
box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.input--standard.input--focused:not(.input--disabled) .input__control {
|
|
104
|
+
color: var(--sl-input-color-focus);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.input--standard.input--disabled {
|
|
108
|
+
background-color: var(--sl-input-background-color-disabled);
|
|
109
|
+
border-color: var(--sl-input-border-color-disabled);
|
|
110
|
+
opacity: 0.5;
|
|
111
|
+
cursor: not-allowed;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.input--standard.input--disabled .input__control {
|
|
115
|
+
color: var(--sl-input-color-disabled);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.input--standard.input--disabled .input__control::placeholder {
|
|
119
|
+
color: var(--sl-input-placeholder-color-disabled);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/* Filled inputs */
|
|
123
|
+
.input--filled {
|
|
124
|
+
border: none;
|
|
125
|
+
background-color: var(--sl-input-filled-background-color);
|
|
126
|
+
color: var(--sl-input-color);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.input--filled:hover:not(.input--disabled) {
|
|
130
|
+
background-color: var(--sl-input-filled-background-color-hover);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.input--filled.input--focused:not(.input--disabled) {
|
|
134
|
+
background-color: var(--sl-input-filled-background-color-focus);
|
|
135
|
+
outline: var(--sl-focus-ring);
|
|
136
|
+
outline-offset: var(--sl-focus-ring-offset);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.input--filled.input--disabled {
|
|
140
|
+
background-color: var(--sl-input-filled-background-color-disabled);
|
|
141
|
+
opacity: 0.5;
|
|
142
|
+
cursor: not-allowed;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.input__control {
|
|
146
|
+
flex: 1 1 auto;
|
|
147
|
+
font-family: inherit;
|
|
148
|
+
font-size: inherit;
|
|
149
|
+
font-weight: inherit;
|
|
150
|
+
min-width: 0;
|
|
151
|
+
height: 100%;
|
|
152
|
+
color: var(--sl-input-color);
|
|
153
|
+
border: none;
|
|
154
|
+
background: inherit;
|
|
155
|
+
box-shadow: none;
|
|
156
|
+
padding: 0;
|
|
157
|
+
margin: 0;
|
|
158
|
+
cursor: inherit;
|
|
159
|
+
-webkit-appearance: none;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.input__control::-webkit-search-decoration,
|
|
163
|
+
.input__control::-webkit-search-cancel-button,
|
|
164
|
+
.input__control::-webkit-search-results-button,
|
|
165
|
+
.input__control::-webkit-search-results-decoration {
|
|
166
|
+
-webkit-appearance: none;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.input__control:-webkit-autofill,
|
|
170
|
+
.input__control:-webkit-autofill:hover,
|
|
171
|
+
.input__control:-webkit-autofill:focus,
|
|
172
|
+
.input__control:-webkit-autofill:active {
|
|
173
|
+
box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;
|
|
174
|
+
-webkit-text-fill-color: var(--sl-color-primary-500);
|
|
175
|
+
caret-color: var(--sl-input-color);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.input--filled .input__control:-webkit-autofill,
|
|
179
|
+
.input--filled .input__control:-webkit-autofill:hover,
|
|
180
|
+
.input--filled .input__control:-webkit-autofill:focus,
|
|
181
|
+
.input--filled .input__control:-webkit-autofill:active {
|
|
182
|
+
box-shadow: 0 0 0 var(--sl-input-height-large) var(--sl-input-filled-background-color) inset !important;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.input__control::placeholder {
|
|
186
|
+
color: var(--sl-input-placeholder-color);
|
|
187
|
+
user-select: none;
|
|
188
|
+
-webkit-user-select: none;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.input:hover:not(.input--disabled) .input__control {
|
|
192
|
+
color: var(--sl-input-color-hover);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.input__control:focus {
|
|
196
|
+
outline: none;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.input__prefix,
|
|
200
|
+
.input__suffix {
|
|
201
|
+
display: inline-flex;
|
|
202
|
+
flex: 0 0 auto;
|
|
203
|
+
align-items: center;
|
|
204
|
+
cursor: default;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.input__prefix ::slotted(sl-icon),
|
|
208
|
+
.input__suffix ::slotted(sl-icon) {
|
|
209
|
+
color: var(--sl-input-icon-color);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
/*
|
|
213
|
+
* Size modifiers
|
|
214
|
+
*/
|
|
215
|
+
|
|
216
|
+
.input--small {
|
|
217
|
+
border-radius: var(--sl-input-border-radius-small);
|
|
218
|
+
font-size: var(--sl-input-font-size-small);
|
|
219
|
+
height: var(--sl-input-height-small);
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.input--small .input__control {
|
|
223
|
+
height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
|
|
224
|
+
padding: 0 var(--sl-input-spacing-small);
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.input--small .input__clear,
|
|
228
|
+
.input--small .input__password-toggle {
|
|
229
|
+
width: calc(1em + var(--sl-input-spacing-small) * 2);
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.input--small .input__prefix ::slotted(*) {
|
|
233
|
+
margin-inline-start: var(--sl-input-spacing-small);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.input--small .input__suffix ::slotted(*) {
|
|
237
|
+
margin-inline-end: var(--sl-input-spacing-small);
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.input--medium {
|
|
241
|
+
border-radius: var(--sl-input-border-radius-medium);
|
|
242
|
+
font-size: var(--sl-input-font-size-medium);
|
|
243
|
+
height: var(--sl-input-height-medium);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.input--medium .input__control {
|
|
247
|
+
height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
|
|
248
|
+
padding: 0 var(--sl-input-spacing-medium);
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.input--medium .input__clear,
|
|
252
|
+
.input--medium .input__password-toggle {
|
|
253
|
+
width: calc(1em + var(--sl-input-spacing-medium) * 2);
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
.input--medium .input__prefix ::slotted(*) {
|
|
257
|
+
margin-inline-start: var(--sl-input-spacing-medium);
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.input--medium .input__suffix ::slotted(*) {
|
|
261
|
+
margin-inline-end: var(--sl-input-spacing-medium);
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.input--large {
|
|
265
|
+
border-radius: var(--sl-input-border-radius-large);
|
|
266
|
+
font-size: var(--sl-input-font-size-large);
|
|
267
|
+
height: var(--sl-input-height-large);
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.input--large .input__control {
|
|
271
|
+
height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
|
|
272
|
+
padding: 0 var(--sl-input-spacing-large);
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.input--large .input__clear,
|
|
276
|
+
.input--large .input__password-toggle {
|
|
277
|
+
width: calc(1em + var(--sl-input-spacing-large) * 2);
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.input--large .input__prefix ::slotted(*) {
|
|
281
|
+
margin-inline-start: var(--sl-input-spacing-large);
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.input--large .input__suffix ::slotted(*) {
|
|
285
|
+
margin-inline-end: var(--sl-input-spacing-large);
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
/*
|
|
289
|
+
* Pill modifier
|
|
290
|
+
*/
|
|
291
|
+
|
|
292
|
+
.input--pill.input--small {
|
|
293
|
+
border-radius: var(--sl-input-height-small);
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.input--pill.input--medium {
|
|
297
|
+
border-radius: var(--sl-input-height-medium);
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.input--pill.input--large {
|
|
301
|
+
border-radius: var(--sl-input-height-large);
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
/*
|
|
305
|
+
* Clearable + Password Toggle
|
|
306
|
+
*/
|
|
307
|
+
|
|
308
|
+
.input__clear,
|
|
309
|
+
.input__password-toggle {
|
|
310
|
+
display: inline-flex;
|
|
311
|
+
align-items: center;
|
|
312
|
+
justify-content: center;
|
|
313
|
+
font-size: inherit;
|
|
314
|
+
color: var(--sl-input-icon-color);
|
|
315
|
+
border: none;
|
|
316
|
+
background: none;
|
|
317
|
+
padding: 0;
|
|
318
|
+
transition: var(--sl-transition-fast) color;
|
|
319
|
+
cursor: pointer;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
.input__clear:hover,
|
|
323
|
+
.input__password-toggle:hover {
|
|
324
|
+
color: var(--sl-input-icon-color-hover);
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
.input__clear:focus,
|
|
328
|
+
.input__password-toggle:focus {
|
|
329
|
+
outline: none;
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
/* Don't show the browser's password toggle in Edge */
|
|
333
|
+
::-ms-reveal {
|
|
334
|
+
display: none;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
/* Hide the built-in number spinner */
|
|
338
|
+
.input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,
|
|
339
|
+
.input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {
|
|
340
|
+
-webkit-appearance: none;
|
|
341
|
+
display: none;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.input--no-spin-buttons input[type='number'] {
|
|
345
|
+
-moz-appearance: textfield;
|
|
346
|
+
}
|
|
347
|
+
`,e=class extends T{constructor(){super(...arguments),this.formControlController=new I(this,{assumeInteractionOn:["sl-blur","sl-input"]}),this.hasSlotController=new E(this,"help-text","label"),this.localize=new V(this),this.hasFocus=!1,this.title="",this.__numberInput=Object.assign(document.createElement("input"),{type:"number"}),this.__dateInput=Object.assign(document.createElement("input"),{type:"date"}),this.type="text",this.name="",this.value="",this.defaultValue="",this.size="medium",this.filled=!1,this.pill=!1,this.label="",this.helpText="",this.clearable=!1,this.disabled=!1,this.placeholder="",this.readonly=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.noSpinButtons=!1,this.form="",this.required=!1,this.spellcheck=!0}get valueAsDate(){var t;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((t=this.input)==null?void 0:t.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(t){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=t,this.value=this.__dateInput.value}get valueAsNumber(){var t;return this.__numberInput.value=this.value,((t=this.input)==null?void 0:t.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(t){this.__numberInput.valueAsNumber=t,this.value=this.__numberInput.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleChange(){this.value=this.input.value,this.emit("sl-change")}handleClearClick(t){t.preventDefault(),this.value!==""&&(this.value="",this.emit("sl-clear"),this.emit("sl-input"),this.emit("sl-change")),this.input.focus()}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sl-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleKeyDown(t){const o=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!o&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,o,r="none"){this.input.setSelectionRange(t,o,r)}setRangeText(t,o,r,s="preserve"){const c=o??this.input.selectionStart,a=r??this.input.selectionEnd;this.input.setRangeText(t,c,a,s),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){const t=this.hasSlotController.test("label"),o=this.hasSlotController.test("help-text"),r=this.label?!0:!!t,s=this.helpText?!0:!!o,a=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value.length>0);return p`
|
|
348
|
+
<div
|
|
349
|
+
part="form-control"
|
|
350
|
+
class=${y({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":r,"form-control--has-help-text":s})}
|
|
351
|
+
>
|
|
352
|
+
<label
|
|
353
|
+
part="form-control-label"
|
|
354
|
+
class="form-control__label"
|
|
355
|
+
for="input"
|
|
356
|
+
aria-hidden=${r?"false":"true"}
|
|
357
|
+
>
|
|
358
|
+
<slot name="label">${this.label}</slot>
|
|
359
|
+
</label>
|
|
360
|
+
|
|
361
|
+
<div part="form-control-input" class="form-control-input">
|
|
362
|
+
<div
|
|
363
|
+
part="base"
|
|
364
|
+
class=${y({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons})}
|
|
365
|
+
>
|
|
366
|
+
<span part="prefix" class="input__prefix">
|
|
367
|
+
<slot name="prefix"></slot>
|
|
368
|
+
</span>
|
|
369
|
+
|
|
370
|
+
<input
|
|
371
|
+
part="input"
|
|
372
|
+
id="input"
|
|
373
|
+
class="input__control"
|
|
374
|
+
type=${this.type==="password"&&this.passwordVisible?"text":this.type}
|
|
375
|
+
title=${this.title}
|
|
376
|
+
name=${n(this.name)}
|
|
377
|
+
?disabled=${this.disabled}
|
|
378
|
+
?readonly=${this.readonly}
|
|
379
|
+
?required=${this.required}
|
|
380
|
+
placeholder=${n(this.placeholder)}
|
|
381
|
+
minlength=${n(this.minlength)}
|
|
382
|
+
maxlength=${n(this.maxlength)}
|
|
383
|
+
min=${n(this.min)}
|
|
384
|
+
max=${n(this.max)}
|
|
385
|
+
step=${n(this.step)}
|
|
386
|
+
.value=${O(this.value)}
|
|
387
|
+
autocapitalize=${n(this.autocapitalize)}
|
|
388
|
+
autocomplete=${n(this.autocomplete)}
|
|
389
|
+
autocorrect=${n(this.autocorrect)}
|
|
390
|
+
?autofocus=${this.autofocus}
|
|
391
|
+
spellcheck=${this.spellcheck}
|
|
392
|
+
pattern=${n(this.pattern)}
|
|
393
|
+
enterkeyhint=${n(this.enterkeyhint)}
|
|
394
|
+
inputmode=${n(this.inputmode)}
|
|
395
|
+
aria-describedby="help-text"
|
|
396
|
+
@change=${this.handleChange}
|
|
397
|
+
@input=${this.handleInput}
|
|
398
|
+
@invalid=${this.handleInvalid}
|
|
399
|
+
@keydown=${this.handleKeyDown}
|
|
400
|
+
@focus=${this.handleFocus}
|
|
401
|
+
@blur=${this.handleBlur}
|
|
402
|
+
/>
|
|
403
|
+
|
|
404
|
+
${a?p`
|
|
405
|
+
<button
|
|
406
|
+
part="clear-button"
|
|
407
|
+
class="input__clear"
|
|
408
|
+
type="button"
|
|
409
|
+
aria-label=${this.localize.term("clearEntry")}
|
|
410
|
+
@click=${this.handleClearClick}
|
|
411
|
+
tabindex="-1"
|
|
412
|
+
>
|
|
413
|
+
<slot name="clear-icon">
|
|
414
|
+
<sl-icon name="x-circle-fill" library="system"></sl-icon>
|
|
415
|
+
</slot>
|
|
416
|
+
</button>
|
|
417
|
+
`:""}
|
|
418
|
+
${this.passwordToggle&&!this.disabled?p`
|
|
419
|
+
<button
|
|
420
|
+
part="password-toggle-button"
|
|
421
|
+
class="input__password-toggle"
|
|
422
|
+
type="button"
|
|
423
|
+
aria-label=${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}
|
|
424
|
+
@click=${this.handlePasswordToggle}
|
|
425
|
+
tabindex="-1"
|
|
426
|
+
>
|
|
427
|
+
${this.passwordVisible?p`
|
|
428
|
+
<slot name="show-password-icon">
|
|
429
|
+
<sl-icon name="eye-slash" library="system"></sl-icon>
|
|
430
|
+
</slot>
|
|
431
|
+
`:p`
|
|
432
|
+
<slot name="hide-password-icon">
|
|
433
|
+
<sl-icon name="eye" library="system"></sl-icon>
|
|
434
|
+
</slot>
|
|
435
|
+
`}
|
|
436
|
+
</button>
|
|
437
|
+
`:""}
|
|
438
|
+
|
|
439
|
+
<span part="suffix" class="input__suffix">
|
|
440
|
+
<slot name="suffix"></slot>
|
|
441
|
+
</span>
|
|
442
|
+
</div>
|
|
443
|
+
</div>
|
|
444
|
+
|
|
445
|
+
<div
|
|
446
|
+
part="form-control-help-text"
|
|
447
|
+
id="help-text"
|
|
448
|
+
class="form-control__help-text"
|
|
449
|
+
aria-hidden=${s?"false":"true"}
|
|
450
|
+
>
|
|
451
|
+
<slot name="help-text">${this.helpText}</slot>
|
|
452
|
+
</div>
|
|
453
|
+
</div>
|
|
454
|
+
`}};e.styles=[z,R,q];e.dependencies={"sl-icon":x};i([D(".input__control")],e.prototype,"input",2);i([B()],e.prototype,"hasFocus",2);i([l()],e.prototype,"title",2);i([l({reflect:!0})],e.prototype,"type",2);i([l()],e.prototype,"name",2);i([l()],e.prototype,"value",2);i([U()],e.prototype,"defaultValue",2);i([l({reflect:!0})],e.prototype,"size",2);i([l({type:Boolean,reflect:!0})],e.prototype,"filled",2);i([l({type:Boolean,reflect:!0})],e.prototype,"pill",2);i([l()],e.prototype,"label",2);i([l({attribute:"help-text"})],e.prototype,"helpText",2);i([l({type:Boolean})],e.prototype,"clearable",2);i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2);i([l()],e.prototype,"placeholder",2);i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2);i([l({attribute:"password-toggle",type:Boolean})],e.prototype,"passwordToggle",2);i([l({attribute:"password-visible",type:Boolean})],e.prototype,"passwordVisible",2);i([l({attribute:"no-spin-buttons",type:Boolean})],e.prototype,"noSpinButtons",2);i([l({reflect:!0})],e.prototype,"form",2);i([l({type:Boolean,reflect:!0})],e.prototype,"required",2);i([l()],e.prototype,"pattern",2);i([l({type:Number})],e.prototype,"minlength",2);i([l({type:Number})],e.prototype,"maxlength",2);i([l()],e.prototype,"min",2);i([l()],e.prototype,"max",2);i([l()],e.prototype,"step",2);i([l()],e.prototype,"autocapitalize",2);i([l()],e.prototype,"autocorrect",2);i([l()],e.prototype,"autocomplete",2);i([l({type:Boolean})],e.prototype,"autofocus",2);i([l()],e.prototype,"enterkeyhint",2);i([l({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],e.prototype,"spellcheck",2);i([l()],e.prototype,"inputmode",2);i([f("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);i([f("step",{waitUntilFirstUpdate:!0})],e.prototype,"handleStepChange",1);i([f("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1);e.define("sl-input");x.define("sl-icon");export{e as S,U as d,R as f,O as l};
|
|
455
|
+
//# sourceMappingURL=chunk.XX4STEEY-COEpspdZ.js.map
|