@reapit/elements 5.0.0-beta.83 → 5.0.0-beta.85

package/dist/js/image-B8BoeAah.js

@@ -0,0 +1,266 @@
+import { t as e } from "./dist-Du1lGuAB.js";
+import "./chevron-up-mTVwguhM.js";
+import "./chevron-down-BJacFTxw.js";
+import "./chevron-right-D0rSvaqZ.js";
+import "./close-DmeJ8DiA.js";
+import "./task-Bac57bn1.js";
+import "./view-ChamRHTB.js";
+import "./menu-qO_n9LIp.js";
+import "./app-switcher-CyBITTg3.js";
+import "./more-C48vCcIp.js";
+import "./info-B3aG7z51.js";
+import "./search-DYJfeeux.js";
+import "./sort-ascend-BnekDSac.js";
+import "./sort-descend-Dlf0pT0e.js";
+import "./settings-DIIZygoz.js";
+import "./check-CFmQeZXr.js";
+import "./warning-DNDSAXiA.js";
+import "./add-qRvlN2s-.js";
+import "./announcement-98zYDoNT.js";
+import "./archive-LTicNenT.js";
+import "./arrow-down-CGCoHfq9.js";
+import "./arrow-left-sJCP-5j-.js";
+import "./arrow-right-1y775C_a.js";
+import "./arrow-up-DtMZPezJ.js";
+import "./asterisk-Df6Nsmqz.js";
+import "./attachment-B3Y-Ranw.js";
+import "./automation-CPtX3RYS.js";
+import "./bath-NnpwCjfp.js";
+import "./bed-BO68lner.js";
+import "./bill-bulk-BrRk74T6.js";
+import "./bill-DvrE9UMU.js";
+import "./bookmark-bulk-7M3rl91v.js";
+import "./bookmark-DpmCFBZ_.js";
+import "./buy-CC5Hjg-H.js";
+import "./calculator-C33GIxDa.js";
+import "./calendar-user-C5QxBaiJ.js";
+import "./calendar-DtdsKDh0.js";
+import "./camera-PPlDH0_V.js";
+import "./car-DZB3td5B.js";
+import "./change-log-CXfzh8i4.js";
+import "./check-outline-CY6CULV3.js";
+import "./checkbox-disabled-HPcZbzhW.js";
+import "./checkbox-indeterminate-CmhSbpa9.js";
+import "./checkbox-selected-D6A6En4v.js";
+import "./checkbox-D21RZtIF.js";
+import "./chevron-left-B9TVKitN.js";
+import "./circular-add-solid-CMCmOgbL.js";
+import "./circular-add-DfZYi9yG.js";
+import "./circular-remove-solid-DjvH2Q1P.js";
+import "./circular-remove-DknHlCCp.js";
+import "./clear-84fzj_oC.js";
+import "./cloud-Baw0LjVp.js";
+import "./compliance-B3iJD-13.js";
+import "./consolidate-CpHZYSUV.js";
+import "./contact-CJcaRa0x.js";
+import "./contacts-alt-CGiCiHUQ.js";
+import "./contacts-BHo-yBwB.js";
+import "./copy-ON2rHvLU.js";
+import "./dashboard-CQu_korf.js";
+import "./drag-indicator-alt-CzISbldZ.js";
+import "./drag-indicator-49MpALvg.js";
+import "./edit-BbkBOLW9.js";
+import "./email-disabled-lf7dKUy1.js";
+import "./email-fill-V4KP075E.js";
+import "./email-BDARUIWx.js";
+import "./error-jkILHMUx.js";
+import "./euro-Bp6rOvsM.js";
+import "./exit-D-2-UMoP.js";
+import "./expand-DlFXc2Oc.js";
+import "./export-DhspLTin.js";
+import "./favourite-D5NrU5BU.js";
+import "./feather-DDET6Lmh.js";
+import "./feed-Y_BT4A44.js";
+import "./file-attached-C2aJCAHa.js";
+import "./file-audio-D8lgBFGf.js";
+import "./file-document-CKD7fXDC.js";
+import "./file-download-DXLaVyVj.js";
+import "./file-excel--aOWxwxn.js";
+import "./file-image-Cfq22P82.js";
+import "./file-pdf-DCylukAg.js";
+import "./file-powerpoint-C6DzswIb.js";
+import "./file-spreadsheet-CTPCzUkz.js";
+import "./file-upload-BcyKmmb6.js";
+import "./file-video-Cd2RHPtq.js";
+import "./file-word-DQh1nnHH.js";
+import "./file-zip-CYBzjZrz.js";
+import "./file-gExn0WSm.js";
+import "./filter-oIVHu9EV.js";
+import "./folder-DPDsY6uY.js";
+import "./forward-5bpaLVsP.js";
+import "./fullscreen-exit-BT7AABAN.js";
+import "./fullscreen-CChtjoBn.js";
+import "./help-BPDDwBiK.js";
+import "./info-outline-DuyI9Tud.js";
+import "./insights-Cuy09kEE.js";
+import "./inspection-template-DpHYJvas.js";
+import "./inspection-0YRxB7fH.js";
+import "./insurance-CJ_JvJhY.js";
+import "./key-CWd4uZQI.js";
+import "./keyboard-e3eSXfKI.js";
+import "./land-size-s6iYYgi_.js";
+import "./laptop-CHtEkpGb.js";
+import "./link-BR_LMDDi.js";
+import "./location-alt-BmJvHuVm.js";
+import "./location-disabled-7vClqgC2.js";
+import "./location-outline-CwJRUO8T.js";
+import "./location-DXA24FLd.js";
+import "./lock-outline-C1AZOPMm.js";
+import "./lock-BEAtAaty.js";
+import "./maintenance-alt-CpZAiFUT.js";
+import "./maintenance-DbA1Pwpv.js";
+import "./marketplace-BB11I052.js";
+import "./menu-alt-OnXOi_JO.js";
+import "./menu-collapse-DU6LyeCn.js";
+import "./menu-expand-C8qBRZBr.js";
+import "./message-alt-jWRsvNac.js";
+import "./message-disabled-C1Qe82ik.js";
+import "./message-typing-DgYAZWuM.js";
+import "./message-B8Lv5vQK.js";
+import "./mic-off-Bm8oNtgZ.js";
+import "./mic-on-DwJ49tv9.js";
+import "./minus-B1EjPOv4.js";
+import "./mobile-C_Fhel44.js";
+import "./money-B4P6e8Wb.js";
+import "./monitor-BEtC35sk.js";
+import "./mood-happy-Oc38eLTR.js";
+import "./mood-neutral-lJ552HiW.js";
+import "./mood-unhappy-CZitlGCW.js";
+import "./more-vert-CrVmchnW.js";
+import "./note-CgXc6lLt.js";
+import "./notification-CdxKzjPs.js";
+import "./payment-CiGr1F1v.js";
+import "./people-alt-DDqy3o69.js";
+import "./phone-disabled-DD1btdQA.js";
+import "./phone-Cd9OIYrK.js";
+import { t } from "./photo-D9oujcFA.js";
+import "./pin-dU1iOY6t.js";
+import "./pound-BLoFePcp.js";
+import "./power-on-td8bQPFF.js";
+import "./printer-CoAYV2gM.js";
+import "./priority-high-ajPteSke.js";
+import "./priority-low-DlaE6eGw.js";
+import "./priority-medium-xsmLvOyJ.js";
+import "./property-checked-BIeaD_ll.js";
+import "./property-DwOpD6Ha.js";
+import "./radio-disabled-BXjjUUL5.js";
+import "./radio-selected-kBDbF0wL.js";
+import "./radio-CEPTmLgl.js";
+import "./refresh-VYYZHENj.js";
+import "./rent-Cd-bHl3M.js";
+import "./repeat-DTipPiMM.js";
+import "./reply-all-D0WhvN-c.js";
+import "./reply-DJYHlcW3.js";
+import "./report-DxFlOmd3.js";
+import "./restore-CskXLGEw.js";
+import "./sale-9fov5ZI0.js";
+import "./send-DE5xpqzA.js";
+import "./separator-dot-C-ZguJ-W.js";
+import "./separator-line-B7JjpgmJ.js";
+import "./settings-alt-P9XSMGWM.js";
+import "./share-DVGavR-C.js";
+import "./skip-B0nDynz8.js";
+import "./social-facebook-CnKy7D74.js";
+import "./social-instagram-D2InKNeN.js";
+import "./social-linkedin-013BGt8o.js";
+import "./social-x-3FeZk2Ko.js";
+import "./social-youtube-DbKaeGP-.js";
+import "./sort-CmIP7GBQ.js";
+import "./sprout-BrV3YhyX.js";
+import "./star-DT9MUbRk.js";
+import "./status-bad-BA6keY5W.js";
+import "./status-good-CMhGIhie.js";
+import "./status-paused-BemTVyZF.js";
+import "./status-unknown-BhUurRv8.js";
+import "./status-CpBBOLUe.js";
+import "./tag-DpZ10WwA.js";
+import "./time-CYlLC4BM.js";
+import "./trash-C2M6fnpg.js";
+import "./unarchive-Dbxw2fZf.js";
+import "./user-outline-C8xdBKqL.js";
+import "./user-oYV0D6sh.js";
+import "./video-Bax68ie6.js";
+import "./view-disabled-kJVn6LUt.js";
+import "./w3w-Dh4ikaI9.js";
+import "./walking-B73-Xw3g.js";
+import "./wand-OdJ2BKhn.js";
+import "./warning-outline-BzflJhDf.js";
+import "./web-Cs3lnQLH.js";
+import "./workflow-BROuBit0.js";
+import { MediaFallback as n } from "./utils/media-fallback.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/utils/image/styles.ts
+var o = "el-image-container", s = "el-image", c = "el-responsive-image";
+//#endregion
+//#region src/utils/image/responsive-image.tsx
+function l({ className: t, height: n, objectFit: r = "contain", width: a, ...o }) {
+	let s = {
+		...a !== void 0 && { "--image-width": a },
+		...n !== void 0 && { "--image-height": n }
+	};
+	return /* @__PURE__ */ i("img", {
+		...o,
+		className: e(c, t),
+		"data-object-fit": r,
+		style: {
+			...o.style,
+			...s
+		}
+	});
+}
+//#endregion
+//#region src/utils/image/use-image.ts
+function u({ onError: e, onLoad: t } = {}) {
+	let [n, i] = r(!1);
+	return {
+		handleError: (t) => {
+			i(!0), e?.(t);
+		},
+		handleLoad: (e) => {
+			i(!1), t?.(e);
+		},
+		hasError: n
+	};
+}
+//#endregion
+//#region src/utils/image/image.tsx
+function d({ alt: r, className: c, fallback: d, height: f, objectFit: p = "contain", onError: m, onLoad: h, src: g, width: _, ...v }) {
+	let { handleError: y, handleLoad: b, hasError: x } = u({
+		onError: m,
+		onLoad: h
+	}), S = r !== "" && !d, C = r ? `The image could not be loaded: ${r}` : "The image could not be loaded";
+	return /* @__PURE__ */ a("div", {
+		className: o,
+		style: {
+			"--image-width": _,
+			"--image-height": f
+		},
+		children: [/* @__PURE__ */ i(l, {
+			...v,
+			alt: r,
+			"aria-hidden": x ? "true" : void 0,
+			className: e(s, c),
+			objectFit: p,
+			onError: y,
+			onLoad: b,
+			src: g
+		}), x && /* @__PURE__ */ i("div", {
+			className: "el-media-fallback-overlay",
+			children: d ?? /* @__PURE__ */ i(n, {
+				"aria-atomic": S ? "true" : void 0,
+				"aria-live": S ? "polite" : void 0,
+				icon: /* @__PURE__ */ i(t, {
+					"aria-hidden": !0,
+					color: "primary",
+					size: "lg"
+				}),
+				role: S ? "status" : void 0,
+				children: C
+			})
+		})]
+	});
+}
+d.Fallback = n;
+//#endregion
+export { o as a, s as i, u as n, c as o, l as r, d as t };