@uzum-tech/ui 2.1.4 → 2.2.1

package/es/pagination/src/interface.mjs

@@ -1 +1,70 @@
-export {};
+import { useTheme } from "../../_mixins/index.mjs";
+import { useAdjustedTo } from "../../_utils/index.mjs";
+export const paginationProps = Object.assign(Object.assign({}, useTheme.props), {
+  simple: Boolean,
+  variant: {
+    type: String,
+    default: 'default'
+  },
+  hasPrev: {
+    type: Boolean,
+    default: undefined
+  },
+  hasNext: {
+    type: Boolean,
+    default: undefined
+  },
+  page: Number,
+  defaultPage: {
+    type: Number,
+    default: 1
+  },
+  itemCount: Number,
+  pageCount: Number,
+  defaultPageCount: {
+    type: Number,
+    default: 1
+  },
+  showSizePicker: Boolean,
+  sizePickerLabel: String,
+  pageSize: Number,
+  defaultPageSize: Number,
+  pageSizes: {
+    type: Array,
+    default() {
+      return [10];
+    }
+  },
+  showQuickJumper: Boolean,
+  size: {
+    type: String,
+    default: 'medium'
+  },
+  disabled: Boolean,
+  pageSlot: {
+    type: Number,
+    default: 9
+  },
+  selectProps: Object,
+  prev: Function,
+  next: Function,
+  goto: Function,
+  prefix: Function,
+  suffix: Function,
+  label: Function,
+  displayOrder: {
+    type: Array,
+    default: ['size-picker', 'pages', 'quick-jumper']
+  },
+  to: useAdjustedTo.propTo,
+  'onUpdate:page': [Function, Array],
+  onUpdatePage: [Function, Array],
+  'onUpdate:pageSize': [Function, Array],
+  onUpdatePageSize: [Function, Array],
+  onPrev: [Function, Array],
+  onNext: [Function, Array],
+  /** @deprecated */
+  onPageSizeChange: [Function, Array],
+  /** @deprecated */
+  onChange: [Function, Array]
+});

package/es/themes/dark.mjs

@@ -46,6 +46,7 @@ import { formDark } from "../form/styles/index.mjs";
 import { gradientTextDark } from "../gradient-text/styles/index.mjs";
 import { headerDark } from "../header/styles/index.mjs";
 import { iconBarDark } from "../icon-bar/styles/index.mjs";
+import { iconPackDark } from "../icon-pack/styles/index.mjs";
 import { iconWrapperDark } from "../icon-wrapper/styles/index.mjs";
 import { iconDark } from "../icon/styles/index.mjs";
 import { imageDark } from "../image/styles/index.mjs";
@@ -203,5 +204,6 @@ export const darkTheme = {
   Crop: cropDark,
   Header: headerDark,
   IconBar: iconBarDark,
+  IconPack: iconPackDark,
   QrCode: qrcodeDark
 };

package/es/themes/light.mjs

@@ -48,6 +48,7 @@ import { formLight } from "../form/styles/index.mjs";
 import { gradientTextLight } from "../gradient-text/styles/index.mjs";
 import { headerLight } from "../header/styles/index.mjs";
 import { iconBarLight } from "../icon-bar/styles/index.mjs";
+import { iconPackLight } from "../icon-pack/styles/index.mjs";
 import { iconWrapperLight } from "../icon-wrapper/styles/index.mjs";
 import { iconLight } from "../icon/styles/index.mjs";
 import { imageLight } from "../image/styles/index.mjs";
@@ -205,5 +206,6 @@ export const lightTheme = {
   Crop: cropLight,
   Header: headerLight,
   IconBar: iconBarLight,
+  IconPack: iconPackLight,
   QrCode: qrcodeLight
 };

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.1.4";
+declare const _default: "2.2.1";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.1.4';
+export default '2.2.1';

package/lib/_internal/icon/src/UIcon.js

@@ -11,6 +11,7 @@ const index_cssr_1 = __importDefault(require("../../../icon/src/styles/index.css
 const styles_1 = require("../../../icon/styles");
 const Icon_1 = __importDefault(require("./Icon"));
 const interface_1 = require("./interface");
+const FALLBACK_ICON = '&#65533';
 const UIconImpl = (0, vue_1.defineComponent)({
     _n_icon__: true,
     name: 'Icon',
@@ -54,17 +55,23 @@ const UIconImpl = (0, vue_1.defineComponent)({
                 (0, _utils_1.warn)('icon', `icon pack "${targetName}" not found`);
                 return null;
             }
-            if ((_a = props.async) !== null && _a !== void 0 ? _a : config.async) {
-                if ('renderIcon' in target) {
-                    (0, _utils_1.warnOnce)('icon', `pack "${target.name}" is a sync pack rendered in async mode — its icons are already bundled, so async loads them again at runtime. Register the async pack ("${target.name}Async") or drop \`async\`.`);
+            try {
+                if ((_a = props.async) !== null && _a !== void 0 ? _a : config.async) {
+                    if ('renderIcon' in target) {
+                        (0, _utils_1.warnOnce)('icon', `pack "${target.name}" is a sync pack rendered in async mode — its icons are already bundled, so async loads them again at runtime. Register the async pack ("${target.name}Async") or drop \`async\`.`);
+                    }
+                    return target.renderAsyncIcon(name);
                 }
-                return target.renderAsyncIcon(name);
+                if (!('renderIcon' in target)) {
+                    (0, _utils_1.warn)('icon', `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
+                    return null;
+                }
+                return target.renderIcon(name);
             }
-            if (!('renderIcon' in target)) {
-                (0, _utils_1.warn)('icon', `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
-                return null;
+            catch (err) {
+                (0, _utils_1.warnOnce)('icon', `icon "${name}" not found in pack "${target.name}", rendering fallback (${err.message})`);
+                return (0, vue_1.h)('span', { innerHTML: FALLBACK_ICON });
             }
-            return target.renderIcon(name);
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,

package/lib/_internal/icons/SearchOutline.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/_internal/icons/SearchOutline.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'SearchOutline',
+    render() {
+        return ((0, vue_1.h)("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true },
+            (0, vue_1.h)("path", { d: "M21 21l-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0z", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+    }
+});

package/lib/_internal/icons/index.d.ts

@@ -52,6 +52,7 @@ export { default as RotateClockwiseIcon } from './RotateClockwise';
 export { default as RotateCounterclockwiseIcon } from './RotateCounterclockwise';
 export { default as RussiaFlag } from './RussiaFlag';
 export { default as SearchIcon } from './Search';
+export { default as SearchOutlineIcon } from './SearchOutline';
 export { default as SendFilled } from './SendFilled';
 export { default as SiderUnionBorder } from './SiderUnionBorder';
 export { default as SuccessIcon } from './Success';

package/lib/_internal/icons/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RetryIcon = exports.ResizeSmallIcon = exports.RemoveIcon = exports.Refresh = exports.PhotoIcon = exports.PersonOutline = exports.PersonNote = exports.OzbekFlag = exports.MoreIcon = exports.MdTime = exports.LogoutIcon = exports.InfoOutlineIcon = exports.InfoIcon = exports.InactiveIcon = exports.ForwardIcon = exports.FilterIcon = exports.FileHeart = exports.FileIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.EyeOffIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmptyIcon = exports.EditIcon = exports.DragHandleRound = exports.DownloadIcon = exports.DismissCircleIcon = exports.DateIcon = exports.ContentCopy = exports.CloseIcon = exports.ClearSmallIcon = exports.ClearIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownOutline = exports.ChevronDownFilledIcon = exports.ChevronDownIcon = exports.CheckmarkDoneSharp = exports.CheckmarkCircleIcon = exports.CheckmarkIcon = exports.CancelIcon = exports.BurgerMenuIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowHookUpRight = exports.ArrowDownIcon = exports.ArrowBackIcon = exports.AddIcon = void 0;
-exports.ZoomOutIcon = exports.ZoomInIcon = exports.WarningIcon = exports.TrashIcon = exports.ToIcon = exports.TimeIcon = exports.SuccessIcon = exports.SiderUnionBorder = exports.SendFilled = exports.SearchIcon = exports.RussiaFlag = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = void 0;
+exports.ZoomOutIcon = exports.ZoomInIcon = exports.WarningIcon = exports.TrashIcon = exports.ToIcon = exports.TimeIcon = exports.SuccessIcon = exports.SiderUnionBorder = exports.SendFilled = exports.SearchOutlineIcon = exports.SearchIcon = exports.RussiaFlag = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "AddIcon", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var ArrowBack_1 = require("./ArrowBack");
@@ -113,6 +113,8 @@ var RussiaFlag_1 = require("./RussiaFlag");
 Object.defineProperty(exports, "RussiaFlag", { enumerable: true, get: function () { return __importDefault(RussiaFlag_1).default; } });
 var Search_1 = require("./Search");
 Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(Search_1).default; } });
+var SearchOutline_1 = require("./SearchOutline");
+Object.defineProperty(exports, "SearchOutlineIcon", { enumerable: true, get: function () { return __importDefault(SearchOutline_1).default; } });
 var SendFilled_1 = require("./SendFilled");
 Object.defineProperty(exports, "SendFilled", { enumerable: true, get: function () { return __importDefault(SendFilled_1).default; } });
 var SiderUnionBorder_1 = require("./SiderUnionBorder");

package/lib/_utils/dom/copy-to-clipboard.d.ts

@@ -0,0 +1 @@
+export declare function copyToClipboard(text: string): Promise<void>;

package/lib/_utils/dom/copy-to-clipboard.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyToClipboard = copyToClipboard;
+function copyToClipboard(text) {
+    var _a;
+    const clipboard = (_a = globalThis.navigator) === null || _a === void 0 ? void 0 : _a.clipboard;
+    if (!(clipboard === null || clipboard === void 0 ? void 0 : clipboard.writeText)) {
+        return Promise.reject(new Error('Clipboard API is unavailable'));
+    }
+    return clipboard.writeText(text);
+}

package/lib/_utils/dom/index.d.ts

@@ -1,2 +1,3 @@
+export { copyToClipboard } from './copy-to-clipboard';
 export { download, publicDownload } from './download';
 export { isDocument } from './is-document';

package/lib/_utils/dom/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isDocument = exports.publicDownload = exports.download = void 0;
+exports.isDocument = exports.publicDownload = exports.download = exports.copyToClipboard = void 0;
+var copy_to_clipboard_1 = require("./copy-to-clipboard");
+Object.defineProperty(exports, "copyToClipboard", { enumerable: true, get: function () { return copy_to_clipboard_1.copyToClipboard; } });
 var download_1 = require("./download");
 Object.defineProperty(exports, "download", { enumerable: true, get: function () { return download_1.download; } });
 Object.defineProperty(exports, "publicDownload", { enumerable: true, get: function () { return download_1.publicDownload; } });