@duyluonganduin/acl-web-components 0.0.40 → 0.0.41
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/dist/acl-web-components.cjs +1 -1
- package/dist/acl-web-components.d.ts +73 -0
- package/dist/acl-web-components.iife.js +246 -128
- package/dist/acl-web-components.js +85 -80
- package/dist/{anduin-resizable-B6jlFgZC.cjs → anduin-pagination-B-A3Nk_J.cjs} +241 -123
- package/dist/{anduin-resizable-2JzM-nGd.js → anduin-pagination-Dym6znEk.js} +1159 -890
- package/dist/jsx.d.ts +16 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +78 -0
- package/dist/react.js +153 -144
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./anduin-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./anduin-pagination-B-A3Nk_J.cjs"),i=':root{--color-gray-0: oklch(1 0 0);--color-gray-1: oklch(.9846 .0017 247.84);--color-gray-2: oklch(.9515 .0046 258.32);--color-gray-3: oklch(.9336 .0058 264.53);--color-gray-4: oklch(.8618 .0141 258.35);--color-gray-5: oklch(.7073 .0268 263.28);--color-gray-6: oklch(.6528 .0316 266.24);--color-gray-7: oklch(.5371 .0337 264.24);--color-gray-8: oklch(.3544 .0326 260.94);--color-gray-9: oklch(.2776 .0341 255.81);--color-danger-1: oklch(.9437 .0174 17.47);--color-danger-2: oklch(.8643 .0573 18.32);--color-danger-3: oklch(.712 .1517 21.64);--color-danger-4: oklch(.5948 .2165 26.91);--color-danger-5: oklch(.531 .2147 28.91);--color-primary-1: oklch(.9474 .0256 221.57);--color-primary-2: oklch(.8652 .066 236.86);--color-primary-3: oklch(.7219 .1335 240.15);--color-primary-4: oklch(.5679 .1784 254.76);--color-primary-5: oklch(.4682 .1548 255.23);--color-success-1: oklch(.9276 .0541 150.91);--color-success-2: oklch(.8592 .1078 149.75);--color-success-3: oklch(.6953 .1711 149.14);--color-success-4: oklch(.6149 .1634 148.21);--color-success-5: oklch(.5075 .136 146.46);--color-warning-1: oklch(.9549 .0496 88.08);--color-warning-2: oklch(.912 .0811 83.56);--color-warning-3: oklch(.8282 .1628 78.73);--color-warning-4: oklch(.7325 .1512 75.97);--color-warning-5: oklch(.5329 .1098 82);--color-semantic-gray-0: oklch(1 0 0);--color-semantic-gray-1: oklch(.9846 .0017 247.84);--color-semantic-gray-2: oklch(.9515 .0046 258.32);--color-semantic-gray-3: oklch(.9336 .0058 264.53);--color-semantic-gray-4: oklch(.8618 .0141 258.35);--color-semantic-gray-5: oklch(.7073 .0268 263.28);--color-semantic-gray-6: oklch(.6528 .0316 266.24);--color-semantic-gray-7: oklch(.5371 .0337 264.24);--color-semantic-gray-8: oklch(.3544 .0326 260.94);--color-semantic-gray-9: oklch(.2776 .0341 255.81);--color-semantic-danger-1: oklch(.9437 .0174 17.47);--color-semantic-danger-2: oklch(.8643 .0573 18.32);--color-semantic-danger-3: oklch(.712 .1517 21.64);--color-semantic-danger-4: oklch(.5948 .2165 26.91);--color-semantic-danger-5: oklch(.531 .2147 28.91);--color-semantic-primary-1: oklch(.9474 .0256 221.57);--color-semantic-primary-2: oklch(.8652 .066 236.86);--color-semantic-primary-3: oklch(.7219 .1335 240.15);--color-semantic-primary-4: oklch(.5679 .1784 254.76);--color-semantic-primary-5: oklch(.4682 .1548 255.23);--color-semantic-success-1: oklch(.9276 .0541 150.91);--color-semantic-success-2: oklch(.8592 .1078 149.75);--color-semantic-success-3: oklch(.6953 .1711 149.14);--color-semantic-success-4: oklch(.6149 .1634 148.21);--color-semantic-success-5: oklch(.5075 .136 146.46);--color-semantic-warning-1: oklch(.9549 .0496 88.08);--color-semantic-warning-2: oklch(.912 .0811 83.56);--color-semantic-warning-3: oklch(.8282 .1628 78.73);--color-semantic-warning-4: oklch(.7325 .1512 75.97);--color-semantic-warning-5: oklch(.5329 .1098 82);--color-purple-50: oklch(.9676 .016 286.1);--color-purple-100: oklch(.9434 .0255 288.32);--color-purple-200: oklch(.8927 .0519 287.71);--color-purple-300: oklch(.81 .0925 287.61);--color-purple-400: oklch(.7048 .1478 287.77);--color-purple-500: oklch(.5961 .2043 286.53);--color-purple-600: oklch(.5316 .2303 286.64);--color-purple-700: oklch(.471 .2307 285.3);--color-purple-800: oklch(.4148 .2014 285.43);--color-purple-900: oklch(.3654 .17 286.37);--color-purple-950: oklch(.2734 .1288 284.42);--color-white: var(--color-gray-0);--font-sans: system-ui, -apple-system, Roboto, Oxygen, Cantarell, Ubuntu, "Segoe UI", sans-serif;--font-mono: monospace;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-15: 15px;--text-17: 17px;--text-20: 20px;--text-23: 23px;--text-26: 26px;--text-30: 30px;--text-35: 35px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-16: 16px;--leading-20: 20px;--leading-24: 24px;--leading-28: 28px;--leading-32: 32px;--leading-40: 40px;--leading-44: 44px;--leading-r1p5: 1.5;--radius-0: 0;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-full: 9999px;--shadow-1: 0px 1px 2px rgba(29, 41, 57, .07);--shadow-2: 0px 1px 2px rgba(29, 41, 57, .04), 0px 2px 8px rgba(29, 41, 57, .08);--shadow-3: 0px 2px 8px rgba(29, 41, 57, .08), 0px 8px 24px rgba(29, 41, 57, .12);--shadow-4: 0px 4px 8px rgba(29, 41, 57, .08), 0px 16px 48px rgba(29, 41, 57, .16);--spacing-px: 1px;--spacing-0: 0;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-128: 128px;--spacing-256: 256px;--z-0: 0;--z-1: 1;--z-2: 2;--z-3: 3;--z-4: 4;--z-5: 5;--z-999: 999;--z-9999: 9999}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';if(typeof document<"u"&&!document.getElementById("acl-tokens")){const o=document.createElement("style");o.id="acl-tokens",o.textContent=i,document.head.appendChild(o)}exports.AnduinAvatar=n.AnduinAvatar;exports.AnduinBadge=n.AnduinBadge;exports.AnduinBadgeCount=n.AnduinBadgeCount;exports.AnduinButton=n.AnduinButton;exports.AnduinCallout=n.AnduinCallout;exports.AnduinCheckbox=n.AnduinCheckbox;exports.AnduinDivider=n.AnduinDivider;exports.AnduinDot=n.AnduinDot;exports.AnduinDrawer=n.AnduinDrawer;exports.AnduinDrawerClose=n.AnduinDrawerClose;exports.AnduinDropdown=n.AnduinDropdown;exports.AnduinField=n.AnduinField;exports.AnduinFieldDescription=n.AnduinFieldDescription;exports.AnduinFieldError=n.AnduinFieldError;exports.AnduinFieldGroup=n.AnduinFieldGroup;exports.AnduinFieldLabel=n.AnduinFieldLabel;exports.AnduinFileIcon=n.AnduinFileIcon;exports.AnduinIcon=n.AnduinIcon;exports.AnduinInput=n.AnduinInput;exports.AnduinLoadingState=n.AnduinLoadingState;exports.AnduinMenu=n.AnduinMenu;exports.AnduinMenuItem=n.AnduinMenuItem;exports.AnduinModal=n.AnduinModal;exports.AnduinModalClose=n.AnduinModalClose;exports.AnduinNavigation=n.AnduinNavigation;exports.AnduinNavigationItem=n.AnduinNavigationItem;exports.AnduinPagination=n.AnduinPagination;exports.AnduinPaginationFirstPage=n.AnduinPaginationFirstPage;exports.AnduinPaginationLastPage=n.AnduinPaginationLastPage;exports.AnduinPopover=n.AnduinPopover;exports.AnduinPopoverClose=n.AnduinPopoverClose;exports.AnduinProgress=n.AnduinProgress;exports.AnduinRadio=n.AnduinRadio;exports.AnduinRadioGroup=n.AnduinRadioGroup;exports.AnduinResizableHandle=n.AnduinResizableHandle;exports.AnduinResizablePanel=n.AnduinResizablePanel;exports.AnduinResizablePanelGroup=n.AnduinResizablePanelGroup;exports.AnduinSkeleton=n.AnduinSkeleton;exports.AnduinSparkleSpinner=n.AnduinSparkleSpinner;exports.AnduinSpinner=n.AnduinSpinner;exports.AnduinSuggestion=n.AnduinSuggestion;exports.AnduinSwitcher=n.AnduinSwitcher;exports.AnduinTabContent=n.AnduinTabContent;exports.AnduinTabTrigger=n.AnduinTabTrigger;exports.AnduinTabs=n.AnduinTabs;exports.AnduinTabsList=n.AnduinTabsList;exports.AnduinTag=n.AnduinTag;exports.AnduinTagClose=n.AnduinTagClose;exports.AnduinTextarea=n.AnduinTextarea;exports.AnduinToast=n.AnduinToast;exports.AnduinToaster=n.AnduinToaster;exports.AnduinToggleGroup=n.AnduinToggleGroup;exports.AnduinToggleGroupItem=n.AnduinToggleGroupItem;exports.AnduinTooltip=n.AnduinTooltip;exports.AnduinTooltipContent=n.AnduinTooltipContent;exports.AnduinTooltipTrigger=n.AnduinTooltipTrigger;exports.AnduinWell=n.AnduinWell;exports.AnduinWellClose=n.AnduinWellClose;exports.BADGE_STYLES=n.BADGE_STYLES;exports.CHECKBOX_CHANGE=n.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=n.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=n.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=n.DROPDOWN_CHANGE;exports.FIELD_LABEL_CLICK=n.FIELD_LABEL_CLICK;exports.FIELD_LABEL_CLICK_COORDINATED=n.FIELD_LABEL_CLICK_COORDINATED;exports.FILE_ICONS=n.FILE_ICONS;exports.INPUT_CHANGE=n.INPUT_CHANGE;exports.INPUT_CLEAR=n.INPUT_CLEAR;exports.MENU_ITEM_CLICK=n.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=n.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=n.MODAL_CLOSE_EVENT;exports.NAVIGATION_CHANGE=n.NAVIGATION_CHANGE;exports.NAVIGATION_ITEM_CLICK=n.NAVIGATION_ITEM_CLICK;exports.PAGINATION_CHANGE=n.PAGINATION_CHANGE;exports.PAGINATION_JUMP=n.PAGINATION_JUMP;exports.POPOVER_CLOSE=n.POPOVER_CLOSE;exports.RADIO_CHANGE=n.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=n.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=n.RESIZE_EVENT;exports.SUGGESTION_CHANGE=n.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=n.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=n.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=n.SWITCHER_CHANGE;exports.TAB_CHANGE=n.TAB_CHANGE;exports.TAB_TRIGGER_CLICK=n.TAB_TRIGGER_CLICK;exports.TAB_VALUE_CHANGED=n.TAB_VALUE_CHANGED;exports.TAG_CLOSE_CLICK=n.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=n.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=n.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=n.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_CLICK=n.TOGGLE_GROUP_ITEM_CLICK;exports.TOGGLE_GROUP_ITEM_DESELECT=n.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=n.TOGGLE_GROUP_ITEM_SELECT;exports.TOOLTIP_CONTENT_POPUP_MOUNTED=n.TOOLTIP_CONTENT_POPUP_MOUNTED;exports.TOOLTIP_CONTENT_POPUP_UNMOUNTED=n.TOOLTIP_CONTENT_POPUP_UNMOUNTED;exports.TOOLTIP_HIDE=n.TOOLTIP_HIDE;exports.TOOLTIP_SHOW=n.TOOLTIP_SHOW;exports.TOOLTIP_TRIGGER_MOUNTED=n.TOOLTIP_TRIGGER_MOUNTED;exports.TOOLTIP_VISIBILITY_CHANGED=n.TOOLTIP_VISIBILITY_CHANGED;exports.WELL_CLOSE_CLICK=n.WELL_CLOSE_CLICK;exports.getBadgeVariantClass=n.getBadgeVariantClass;exports.resolveFileIcon=n.resolveFileIcon;exports.toast=n.toast;
|
|
@@ -322,6 +322,61 @@ export declare class AnduinNavigationItem extends LitElement {
|
|
|
322
322
|
render(): TemplateResult<1>;
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
+
/**
|
|
326
|
+
* Page navigation controls for paginated content. Renders a row of page-number
|
|
327
|
+
* buttons with previous/next navigators, ellipsis menus for skipped ranges, and
|
|
328
|
+
* a sliding highlight on the active page.
|
|
329
|
+
*
|
|
330
|
+
* Uncontrolled (default): manages its own page state — set `number-of-pages`
|
|
331
|
+
* (and optionally `default-value`). Controlled: set `value` and update it in
|
|
332
|
+
* response to the `anduin-pagination:change` event (React `onValueChange`).
|
|
333
|
+
*
|
|
334
|
+
* Slot in `<anduin-pagination-first-page>` / `<anduin-pagination-last-page>` as
|
|
335
|
+
* children to add jump-to-boundary buttons.
|
|
336
|
+
*/
|
|
337
|
+
export declare class AnduinPagination extends LitElement {
|
|
338
|
+
static styles: CSSResult;
|
|
339
|
+
/** Total number of pages. The bar hides itself when this is 0 or 1. */
|
|
340
|
+
numberOfPages: number;
|
|
341
|
+
/** Initial active page for uncontrolled usage. */
|
|
342
|
+
defaultValue: number;
|
|
343
|
+
/** Controlled active page. Leave unset (null) for uncontrolled usage. */
|
|
344
|
+
value: number | null;
|
|
345
|
+
private internalValue;
|
|
346
|
+
private indicatorEl?;
|
|
347
|
+
private indicatorReady;
|
|
348
|
+
private get isControlled();
|
|
349
|
+
private get count();
|
|
350
|
+
private get selection();
|
|
351
|
+
connectedCallback(): void;
|
|
352
|
+
disconnectedCallback(): void;
|
|
353
|
+
private onJump;
|
|
354
|
+
/** MUI-style windowing: boundaryCount = 1, siblingCount = 1. */
|
|
355
|
+
private buildItems;
|
|
356
|
+
private goTo;
|
|
357
|
+
updated(): void;
|
|
358
|
+
/** Push disabled state onto slotted first/last-page buttons. */
|
|
359
|
+
private syncBoundaryButtons;
|
|
360
|
+
private positionIndicator;
|
|
361
|
+
private onSlotChange;
|
|
362
|
+
render(): typeof nothing | TemplateResult<1>;
|
|
363
|
+
private renderItem;
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
/** Jumps to page 1. Slot into `<anduin-pagination>` as a child. */
|
|
367
|
+
export declare class AnduinPaginationFirstPage extends BoundaryButton {
|
|
368
|
+
protected icon: string;
|
|
369
|
+
protected label: string;
|
|
370
|
+
protected target: "first";
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
/** Jumps to the last page. Slot into `<anduin-pagination>` as a child. */
|
|
374
|
+
export declare class AnduinPaginationLastPage extends BoundaryButton {
|
|
375
|
+
protected icon: string;
|
|
376
|
+
protected label: string;
|
|
377
|
+
protected target: "last";
|
|
378
|
+
}
|
|
379
|
+
|
|
325
380
|
export declare class AnduinPopover extends LitElement {
|
|
326
381
|
static styles: CSSResult;
|
|
327
382
|
open: boolean;
|
|
@@ -731,6 +786,18 @@ export declare type AvatarSize = 16 | 20 | 24 | 32;
|
|
|
731
786
|
|
|
732
787
|
export declare const BADGE_STYLES: CSSResult;
|
|
733
788
|
|
|
789
|
+
/** Base for the jump-to-boundary buttons. */
|
|
790
|
+
declare class BoundaryButton extends LitElement {
|
|
791
|
+
static styles: CSSResult;
|
|
792
|
+
disabled: boolean;
|
|
793
|
+
protected icon: string;
|
|
794
|
+
protected label: string;
|
|
795
|
+
protected target: 'first' | 'last';
|
|
796
|
+
connectedCallback(): void;
|
|
797
|
+
private onClick;
|
|
798
|
+
render(): TemplateResult<1>;
|
|
799
|
+
}
|
|
800
|
+
|
|
734
801
|
export declare type ButtonAppearance = 'filled' | 'outlined' | 'plain' | 'text';
|
|
735
802
|
|
|
736
803
|
export declare type ButtonSize = 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free';
|
|
@@ -802,6 +869,12 @@ export declare type NavigationAlignment = 'left' | 'center' | 'right';
|
|
|
802
869
|
|
|
803
870
|
export declare type NavigationTheme = 'light' | 'dark';
|
|
804
871
|
|
|
872
|
+
/** Fired when a page is requested. `event.detail` is the target page number. */
|
|
873
|
+
export declare const PAGINATION_CHANGE = "anduin-pagination:change";
|
|
874
|
+
|
|
875
|
+
/** Internal: first/last-page buttons → parent bar. Not part of the consumer API. */
|
|
876
|
+
export declare const PAGINATION_JUMP = "anduin-pagination:jump";
|
|
877
|
+
|
|
805
878
|
export declare const POPOVER_CLOSE = "anduin-popover:close";
|
|
806
879
|
|
|
807
880
|
export declare const RADIO_CHANGE = "anduin-radio:change";
|