@duyluonganduin/acl-web-components 0.0.31 → 0.0.32
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 +74 -0
- package/dist/acl-web-components.iife.js +213 -175
- package/dist/acl-web-components.js +73 -69
- package/dist/{anduin-navigation-ThZ7NdnT.cjs → anduin-resizable-fZo_ZhUk.cjs} +209 -171
- package/dist/{anduin-navigation-CKAX7m3F.js → anduin-resizable-j3OV5vg7.js} +1213 -968
- package/dist/jsx.d.ts +22 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +82 -0
- package/dist/react.js +108 -99
- 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-resizable-fZo_ZhUk.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.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.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;
|
|
@@ -383,6 +383,73 @@ export declare class AnduinRadioGroup extends LitElement {
|
|
|
383
383
|
render(): TemplateResult<1>;
|
|
384
384
|
}
|
|
385
385
|
|
|
386
|
+
export declare class AnduinResizableHandle extends LitElement {
|
|
387
|
+
static styles: CSSResult;
|
|
388
|
+
/** Render a visible grip on the divider to make the resize affordance obvious. */
|
|
389
|
+
withHandle: boolean;
|
|
390
|
+
private groupVertical;
|
|
391
|
+
private dragging;
|
|
392
|
+
private group;
|
|
393
|
+
private startPos;
|
|
394
|
+
private startPrevPx;
|
|
395
|
+
private combinedPx;
|
|
396
|
+
private combinedGrow;
|
|
397
|
+
private activePointerId;
|
|
398
|
+
connectedCallback(): void;
|
|
399
|
+
disconnectedCallback(): void;
|
|
400
|
+
/** Called by the parent group so the divider matches the group's axis. */
|
|
401
|
+
setOrientation(vertical: boolean): void;
|
|
402
|
+
private get prevPanel();
|
|
403
|
+
private get nextPanel();
|
|
404
|
+
private onPointerDown;
|
|
405
|
+
private onPointerMove;
|
|
406
|
+
private onPointerUp;
|
|
407
|
+
private endDrag;
|
|
408
|
+
/** Set the previous panel to `newPrevPx` (clamped), redistributing the
|
|
409
|
+
* combined weight between the two adjacent panels. */
|
|
410
|
+
private resizeTo;
|
|
411
|
+
private onKeyDown;
|
|
412
|
+
private emitResize;
|
|
413
|
+
render(): TemplateResult<1>;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
export declare class AnduinResizablePanel extends LitElement {
|
|
417
|
+
static styles: CSSResult;
|
|
418
|
+
/** Initial share of the group: a percentage ("50%") or a fixed pixel size ("200px"). */
|
|
419
|
+
defaultSize: string;
|
|
420
|
+
/** Smallest size a drag may shrink this panel to ("20%" or "150px"). */
|
|
421
|
+
minSize: string;
|
|
422
|
+
/** Largest size a drag may grow this panel to ("80%" or "600px"). */
|
|
423
|
+
maxSize: string;
|
|
424
|
+
private applied;
|
|
425
|
+
updated(changed: Map<string, unknown>): void;
|
|
426
|
+
private applyDefaultSize;
|
|
427
|
+
/** Switch to the proportional model with the given flex-grow weight. */
|
|
428
|
+
setGrow(grow: number): void;
|
|
429
|
+
axisSize(vertical: boolean): number;
|
|
430
|
+
minPx(groupSize: number): number;
|
|
431
|
+
maxPx(groupSize: number): number;
|
|
432
|
+
render(): TemplateResult<1>;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
export declare class AnduinResizablePanelGroup extends LitElement {
|
|
436
|
+
static styles: CSSResult;
|
|
437
|
+
orientation: ResizeOrientation;
|
|
438
|
+
connectedCallback(): void;
|
|
439
|
+
get isVertical(): boolean;
|
|
440
|
+
/** Size of the group along its main axis, in px. */
|
|
441
|
+
get axisSize(): number;
|
|
442
|
+
get panels(): AnduinResizablePanel[];
|
|
443
|
+
updated(): void;
|
|
444
|
+
/**
|
|
445
|
+
* Convert every panel to the proportional (flex-grow) model based on its
|
|
446
|
+
* current rendered size, so fixed-pixel panels "fold into" the weighted
|
|
447
|
+
* model when a resize begins.
|
|
448
|
+
*/
|
|
449
|
+
normalizeToGrow(): void;
|
|
450
|
+
render(): TemplateResult<1>;
|
|
451
|
+
}
|
|
452
|
+
|
|
386
453
|
export declare class AnduinSkeleton extends LitElement {
|
|
387
454
|
static styles: CSSResult;
|
|
388
455
|
effect: string;
|
|
@@ -741,6 +808,13 @@ export declare const RADIO_CHANGE = "anduin-radio:change";
|
|
|
741
808
|
|
|
742
809
|
export declare const RADIO_GROUP_CHANGE = "anduin-radio-group:change";
|
|
743
810
|
|
|
811
|
+
/** Fired by anduin-resizable-handle when a drag ends or an arrow-key nudge is
|
|
812
|
+
* applied. `detail.sizes` is `[previousPanel, nextPanel]` as percentages of
|
|
813
|
+
* the group along its main axis. */
|
|
814
|
+
export declare const RESIZE_EVENT = "anduin-resizable:resize";
|
|
815
|
+
|
|
816
|
+
export declare type ResizeOrientation = 'horizontal' | 'vertical';
|
|
817
|
+
|
|
744
818
|
export declare function resolveFileIcon(type: string, size: 16 | 24 | 32): FileIconDef | null;
|
|
745
819
|
|
|
746
820
|
export declare const SUGGESTION_CHANGE = "anduin-suggestion:change";
|