@duyluonganduin/acl-web-components 0.0.31 → 0.0.33

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/jsx.d.ts CHANGED
@@ -510,6 +510,28 @@ declare module 'react' {
510
510
  /** 16 | 24 | 32 (default: 32) */
511
511
  size?: 16 | 24 | 32 | string
512
512
  }
513
+
514
+ // ── anduin-resizable-panel-group ──────────────────────────────────────
515
+ 'anduin-resizable-panel-group': Base & {
516
+ /** 'horizontal' | 'vertical' (default: 'horizontal') */
517
+ orientation?: 'horizontal' | 'vertical'
518
+ }
519
+
520
+ // ── anduin-resizable-panel ────────────────────────────────────────────
521
+ 'anduin-resizable-panel': Base & {
522
+ /** Initial share of the group: a percentage ("50%") or fixed pixels ("200px") */
523
+ 'default-size'?: string
524
+ /** Smallest size a drag may shrink this panel to ("20%" or "150px") */
525
+ 'min-size'?: string
526
+ /** Largest size a drag may grow this panel to ("80%" or "600px") */
527
+ 'max-size'?: string
528
+ }
529
+
530
+ // ── anduin-resizable-handle ───────────────────────────────────────────
531
+ 'anduin-resizable-handle': Base & {
532
+ /** Render a visible grip on the divider */
533
+ 'with-handle'?: boolean | string
534
+ }
513
535
  }
514
536
  }
515
537
  }
package/dist/react.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-navigation-ThZ7NdnT.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),C=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),s=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),r=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),i=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),l=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),E=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),g=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),T=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),_=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),p=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),G=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),S=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),I=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),R=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),v=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),H=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),P=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),M=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),U=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),b=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),W=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),h=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=t.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),B=t.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),V=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),K=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),f=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),x=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),X=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),q=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),y=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),j=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),z=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),J=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),Q=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Y=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Z=t.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),$=t.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ee=t.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=X;exports.Badge=s;exports.BadgeCount=r;exports.Button=i;exports.Callout=l;exports.Checkbox=O;exports.Divider=c;exports.Dot=m;exports.Drawer=J;exports.DrawerClose=Q;exports.Dropdown=z;exports.Field=g;exports.FieldDescription=N;exports.FieldError=T;exports.FieldGroup=_;exports.FieldLabel=A;exports.FileIcon=q;exports.Icon=C;exports.Input=L;exports.LoadingState=u;exports.Menu=D;exports.MenuItem=v;exports.Modal=H;exports.ModalClose=P;exports.Navigation=$;exports.NavigationItem=ee;exports.Popover=I;exports.PopoverClose=R;exports.Progress=d;exports.Radio=p;exports.RadioGroup=G;exports.Skeleton=E;exports.SparkleSpinner=o;exports.Spinner=a;exports.Suggestion=Z;exports.Switcher=Y;exports.TabContent=F;exports.TabTrigger=b;exports.Tabs=M;exports.TabsList=U;exports.Tag=W;exports.TagClose=h;exports.Textarea=S;exports.Toast=y;exports.Toaster=j;exports.ToggleGroup=w;exports.ToggleGroupItem=B;exports.Tooltip=V;exports.TooltipContent=K;exports.TooltipTrigger=k;exports.Well=f;exports.WellClose=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-resizable-DZFDqytP.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),s=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),l=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),r=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),i=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),E=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),d=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),g=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),T=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),p=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),_=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),G=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),S=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),R=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),I=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),b=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),v=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),P=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),U=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),h=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),W=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=t.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),V=t.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),B=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),z=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),K=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),f=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),x=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),X=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),q=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),Z=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),y=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),j=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),J=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),Q=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Y=t.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),$=t.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),ee=t.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),ne=t.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),te=t.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),ae=t.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=x;exports.Badge=l;exports.BadgeCount=C;exports.Button=r;exports.Callout=i;exports.Checkbox=O;exports.Divider=c;exports.Dot=m;exports.Drawer=j;exports.DrawerClose=J;exports.Dropdown=y;exports.Field=g;exports.FieldDescription=N;exports.FieldError=T;exports.FieldGroup=p;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=s;exports.Input=S;exports.LoadingState=u;exports.Menu=D;exports.MenuItem=H;exports.Modal=b;exports.ModalClose=v;exports.Navigation=$;exports.NavigationItem=ee;exports.Popover=L;exports.PopoverClose=I;exports.Progress=E;exports.Radio=_;exports.RadioGroup=G;exports.ResizableHandle=ae;exports.ResizablePanel=te;exports.ResizablePanelGroup=ne;exports.Skeleton=d;exports.SparkleSpinner=o;exports.Spinner=a;exports.Suggestion=Y;exports.Switcher=Q;exports.TabContent=F;exports.TabTrigger=U;exports.Tabs=P;exports.TabsList=M;exports.Tag=h;exports.TagClose=W;exports.Textarea=R;exports.Toast=q;exports.Toaster=Z;exports.ToggleGroup=w;exports.ToggleGroupItem=V;exports.Tooltip=B;exports.TooltipContent=z;exports.TooltipTrigger=k;exports.Well=K;exports.WellClose=f;
package/dist/react.d.ts CHANGED
@@ -384,6 +384,73 @@ declare class AnduinRadioGroup extends LitElement {
384
384
  render(): TemplateResult<1>;
385
385
  }
386
386
 
387
+ declare class AnduinResizableHandle extends LitElement {
388
+ static styles: CSSResult;
389
+ /** Render a visible grip on the divider to make the resize affordance obvious. */
390
+ withHandle: boolean;
391
+ private groupVertical;
392
+ private dragging;
393
+ private group;
394
+ private startPos;
395
+ private startPrevPx;
396
+ private combinedPx;
397
+ private combinedGrow;
398
+ private activePointerId;
399
+ connectedCallback(): void;
400
+ disconnectedCallback(): void;
401
+ /** Called by the parent group so the divider matches the group's axis. */
402
+ setOrientation(vertical: boolean): void;
403
+ private get prevPanel();
404
+ private get nextPanel();
405
+ private onPointerDown;
406
+ private onPointerMove;
407
+ private onPointerUp;
408
+ private endDrag;
409
+ /** Set the previous panel to `newPrevPx` (clamped), redistributing the
410
+ * combined weight between the two adjacent panels. */
411
+ private resizeTo;
412
+ private onKeyDown;
413
+ private emitResize;
414
+ render(): TemplateResult<1>;
415
+ }
416
+
417
+ declare class AnduinResizablePanel extends LitElement {
418
+ static styles: CSSResult;
419
+ /** Initial share of the group: a percentage ("50%") or a fixed pixel size ("200px"). */
420
+ defaultSize: string;
421
+ /** Smallest size a drag may shrink this panel to ("20%" or "150px"). */
422
+ minSize: string;
423
+ /** Largest size a drag may grow this panel to ("80%" or "600px"). */
424
+ maxSize: string;
425
+ private applied;
426
+ updated(changed: Map<string, unknown>): void;
427
+ private applyDefaultSize;
428
+ /** Switch to the proportional model with the given flex-grow weight. */
429
+ setGrow(grow: number): void;
430
+ axisSize(vertical: boolean): number;
431
+ minPx(groupSize: number): number;
432
+ maxPx(groupSize: number): number;
433
+ render(): TemplateResult<1>;
434
+ }
435
+
436
+ declare class AnduinResizablePanelGroup extends LitElement {
437
+ static styles: CSSResult;
438
+ orientation: ResizeOrientation;
439
+ connectedCallback(): void;
440
+ get isVertical(): boolean;
441
+ /** Size of the group along its main axis, in px. */
442
+ get axisSize(): number;
443
+ get panels(): AnduinResizablePanel[];
444
+ updated(): void;
445
+ /**
446
+ * Convert every panel to the proportional (flex-grow) model based on its
447
+ * current rendered size, so fixed-pixel panels "fold into" the weighted
448
+ * model when a resize begins.
449
+ */
450
+ normalizeToGrow(): void;
451
+ render(): TemplateResult<1>;
452
+ }
453
+
387
454
  declare class AnduinSkeleton extends LitElement {
388
455
  static styles: CSSResult;
389
456
  effect: string;
@@ -804,6 +871,21 @@ export declare const RadioGroup: ReactWebComponent<AnduinRadioGroup, {
804
871
  onChange: string;
805
872
  }>;
806
873
 
874
+ export declare const ResizableHandle: ReactWebComponent<AnduinResizableHandle, {
875
+ onResize: string;
876
+ }>;
877
+
878
+ export declare const ResizablePanel: ReactWebComponent<AnduinResizablePanel, {}>;
879
+
880
+ export declare const ResizablePanelGroup: ReactWebComponent<AnduinResizablePanelGroup, {}>;
881
+
882
+ /** Fired by anduin-resizable-handle when a drag ends or an arrow-key nudge is
883
+ * applied. `detail.sizes` is `[previousPanel, nextPanel]` as percentages of
884
+ * the group along its main axis. */
885
+ export declare const RESIZE_EVENT = "anduin-resizable:resize";
886
+
887
+ declare type ResizeOrientation = 'horizontal' | 'vertical';
888
+
807
889
  export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
808
890
 
809
891
  export declare const SparkleSpinner: ReactWebComponent<AnduinSparkleSpinner, {}>;
package/dist/react.js CHANGED
@@ -1,171 +1,180 @@
1
1
  import e from "react";
2
2
  import { createComponent as a } from "@lit/react";
3
- import { H as n, G as t, q as s, a as o, b as l, c as i, d as r, f as d, g as u, C as c, F as m, s as C, k as g, o as A, l as N, m as T, n as E, ae as p, D as G, af as _, E as v, $ as S, e as I, a7 as L, a6 as O, r as R, ao as b, Q as D, z as h, B as M, t as w, u as F, a9 as H, aa as P, v as f, w as k, ak as U, M as W, N as x, L as B, K as V, O as K, an as X, P as j, ap as q, T as y, as as z, at as J, aq as Q, U as Y, V as Z, X as $, W as ee, Y as ae, aA as ne, Z as te, A as se, p as oe, R as le, S as ie, a2 as re, j as de, a0 as ue, a1 as ce, h as me, i as Ce, aj as ge, J as Ae, ah as Ne, ai as Te, ag as Ee, I as pe, ab as Ge, x as _e, y as ve } from "./anduin-navigation-CKAX7m3F.js";
4
- import { a8 as Oa } from "./anduin-navigation-CKAX7m3F.js";
5
- const Oe = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Re = a({ react: e, tagName: "anduin-sparkle-spinner", elementClass: t }), be = a({ react: e, tagName: "anduin-icon", elementClass: s }), De = a({ react: e, tagName: "anduin-badge", elementClass: o }), he = a({ react: e, tagName: "anduin-badge-count", elementClass: l }), Me = a({ react: e, tagName: "anduin-button", elementClass: i }), we = a({ react: e, tagName: "anduin-callout", elementClass: r }), Fe = a({ react: e, tagName: "anduin-divider", elementClass: d }), He = a({ react: e, tagName: "anduin-dot", elementClass: u }), Pe = a({ react: e, tagName: "anduin-progress", elementClass: c }), fe = a({ react: e, tagName: "anduin-skeleton", elementClass: m }), ke = a({ react: e, tagName: "anduin-loading-state", elementClass: C }), Ue = a({ react: e, tagName: "anduin-field", elementClass: g }), We = a({ react: e, tagName: "anduin-field-label", elementClass: A }), xe = a({ react: e, tagName: "anduin-field-description", elementClass: N }), Be = a({ react: e, tagName: "anduin-field-error", elementClass: T }), Ve = a({ react: e, tagName: "anduin-field-group", elementClass: E }), Ke = a({
3
+ import { K as n, J as t, q as s, a as o, b as l, c as i, d as r, f as d, g as u, C as c, I as m, s as C, k as g, o as A, l as N, m as E, n as T, ah as p, D as G, ai as _, E as v, a2 as S, e as b, aa as R, a9 as I, r as L, as as O, T as D, z as h, B as P, t as H, u as w, ac as M, ad as F, v as f, w as k, ao as U, P as z, Q as x, O as W, N as B, R as V, ar as K, S as X, at as j, W as Z, aw as q, ax as y, au as J, X as Q, Y, _ as $, Z as ee, $ as ae, aE as ne, a0 as te, A as se, p as oe, U as le, V as ie, a5 as re, j as de, a3 as ue, a4 as ce, h as me, i as Ce, an as ge, M as Ae, al as Ne, am as Ee, ak as Te, L as pe, ae as Ge, x as _e, y as ve, H as Se, G as be, aj as Re, F as Ie } from "./anduin-resizable-DDazzVxw.js";
4
+ import { ab as wa } from "./anduin-resizable-DDazzVxw.js";
5
+ const he = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Pe = a({ react: e, tagName: "anduin-sparkle-spinner", elementClass: t }), He = a({ react: e, tagName: "anduin-icon", elementClass: s }), we = a({ react: e, tagName: "anduin-badge", elementClass: o }), Me = a({ react: e, tagName: "anduin-badge-count", elementClass: l }), Fe = a({ react: e, tagName: "anduin-button", elementClass: i }), fe = a({ react: e, tagName: "anduin-callout", elementClass: r }), ke = a({ react: e, tagName: "anduin-divider", elementClass: d }), Ue = a({ react: e, tagName: "anduin-dot", elementClass: u }), ze = a({ react: e, tagName: "anduin-progress", elementClass: c }), xe = a({ react: e, tagName: "anduin-skeleton", elementClass: m }), We = a({ react: e, tagName: "anduin-loading-state", elementClass: C }), Be = a({ react: e, tagName: "anduin-field", elementClass: g }), Ve = a({ react: e, tagName: "anduin-field-label", elementClass: A }), Ke = a({ react: e, tagName: "anduin-field-description", elementClass: N }), Xe = a({ react: e, tagName: "anduin-field-error", elementClass: E }), je = a({ react: e, tagName: "anduin-field-group", elementClass: T }), Ze = a({
6
6
  react: e,
7
7
  tagName: "anduin-radio",
8
8
  elementClass: G,
9
9
  events: { onChange: p }
10
- }), Xe = a({
10
+ }), qe = a({
11
11
  react: e,
12
12
  tagName: "anduin-radio-group",
13
13
  elementClass: v,
14
14
  events: { onChange: _ }
15
- }), je = a({
15
+ }), ye = a({
16
16
  react: e,
17
17
  tagName: "anduin-checkbox",
18
- elementClass: I,
18
+ elementClass: b,
19
19
  events: { onChange: S }
20
- }), qe = a({
20
+ }), Je = a({
21
21
  react: e,
22
22
  tagName: "anduin-input",
23
- elementClass: R,
24
- events: { onChange: O, onClear: L }
25
- }), ye = a({
23
+ elementClass: L,
24
+ events: { onChange: I, onClear: R }
25
+ }), Qe = a({
26
26
  react: e,
27
27
  tagName: "anduin-textarea",
28
28
  elementClass: D,
29
- events: { onChange: b }
30
- }), ze = a({ react: e, tagName: "anduin-popover", elementClass: h }), Je = a({ react: e, tagName: "anduin-popover-close", elementClass: M }), Qe = a({ react: e, tagName: "anduin-menu", elementClass: w }), Ye = a({
29
+ events: { onChange: O }
30
+ }), Ye = a({ react: e, tagName: "anduin-popover", elementClass: h }), $e = a({ react: e, tagName: "anduin-popover-close", elementClass: P }), ea = a({ react: e, tagName: "anduin-menu", elementClass: H }), aa = a({
31
31
  react: e,
32
32
  tagName: "anduin-menu-item",
33
- elementClass: F
34
- }), Ze = a({
33
+ elementClass: w
34
+ }), na = a({
35
35
  react: e,
36
36
  tagName: "anduin-modal",
37
37
  elementClass: f,
38
- events: { onClose: P, onAfterClose: H }
39
- }), $e = a({ react: e, tagName: "anduin-modal-close", elementClass: k }), ea = a({
38
+ events: { onClose: F, onAfterClose: M }
39
+ }), ta = a({ react: e, tagName: "anduin-modal-close", elementClass: k }), sa = a({
40
40
  react: e,
41
41
  tagName: "anduin-tabs",
42
- elementClass: W,
42
+ elementClass: z,
43
43
  events: { onChange: U }
44
- }), aa = a({ react: e, tagName: "anduin-tabs-list", elementClass: x }), na = a({ react: e, tagName: "anduin-tab-trigger", elementClass: B }), ta = a({ react: e, tagName: "anduin-tab-content", elementClass: V }), sa = a({ react: e, tagName: "anduin-tag", elementClass: K }), oa = a({
44
+ }), oa = a({ react: e, tagName: "anduin-tabs-list", elementClass: x }), la = a({ react: e, tagName: "anduin-tab-trigger", elementClass: W }), ia = a({ react: e, tagName: "anduin-tab-content", elementClass: B }), ra = a({ react: e, tagName: "anduin-tag", elementClass: V }), da = a({
45
45
  react: e,
46
46
  tagName: "anduin-tag-close",
47
- elementClass: j,
48
- events: { onClick: X }
49
- }), la = a({
47
+ elementClass: X,
48
+ events: { onClick: K }
49
+ }), ua = a({
50
50
  react: e,
51
51
  tagName: "anduin-toggle-group",
52
- elementClass: y,
53
- events: { onChange: q }
54
- }), ia = a({
52
+ elementClass: Z,
53
+ events: { onChange: j }
54
+ }), ca = a({
55
55
  react: e,
56
56
  tagName: "anduin-toggle-group-item",
57
- elementClass: Y,
58
- events: { onChange: Q, onSelect: J, onDeselect: z }
59
- }), ra = a({ react: e, tagName: "anduin-tooltip", elementClass: Z }), da = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: $ }), ua = a({ react: e, tagName: "anduin-tooltip-content", elementClass: ee }), ca = a({ react: e, tagName: "anduin-well", elementClass: ae }), ma = a({
57
+ elementClass: Q,
58
+ events: { onChange: J, onSelect: y, onDeselect: q }
59
+ }), ma = a({ react: e, tagName: "anduin-tooltip", elementClass: Y }), Ca = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: $ }), ga = a({ react: e, tagName: "anduin-tooltip-content", elementClass: ee }), Aa = a({ react: e, tagName: "anduin-well", elementClass: ae }), Na = a({
60
60
  react: e,
61
61
  tagName: "anduin-well-close",
62
62
  elementClass: te,
63
63
  events: { onClick: ne }
64
- }), Ca = a({ react: e, tagName: "anduin-avatar", elementClass: se }), ga = a({ react: e, tagName: "anduin-file-icon", elementClass: oe }), Aa = a({ react: e, tagName: "anduin-toast", elementClass: le }), Na = a({ react: e, tagName: "anduin-toaster", elementClass: ie }), Ta = a({
64
+ }), Ea = a({ react: e, tagName: "anduin-avatar", elementClass: se }), Ta = a({ react: e, tagName: "anduin-file-icon", elementClass: oe }), pa = a({ react: e, tagName: "anduin-toast", elementClass: le }), Ga = a({ react: e, tagName: "anduin-toaster", elementClass: ie }), _a = a({
65
65
  react: e,
66
66
  tagName: "anduin-dropdown",
67
67
  elementClass: de,
68
68
  events: { onChange: re }
69
- }), Ea = a({
69
+ }), va = a({
70
70
  react: e,
71
71
  tagName: "anduin-drawer",
72
72
  elementClass: me,
73
73
  events: { onClose: ce, onAfterClose: ue }
74
- }), pa = a({ react: e, tagName: "anduin-drawer-close", elementClass: Ce }), Ga = a({
74
+ }), Sa = a({ react: e, tagName: "anduin-drawer-close", elementClass: Ce }), ba = a({
75
75
  react: e,
76
76
  tagName: "anduin-switcher",
77
77
  elementClass: Ae,
78
78
  events: { onChange: ge }
79
- }), _a = a({
79
+ }), Ra = a({
80
80
  react: e,
81
81
  tagName: "anduin-suggestion",
82
82
  elementClass: pe,
83
- events: { onChange: Ee, onSelect: Te, onClear: Ne }
84
- }), va = a({
83
+ events: { onChange: Te, onSelect: Ee, onClear: Ne }
84
+ }), Ia = a({
85
85
  react: e,
86
86
  tagName: "anduin-navigation",
87
87
  elementClass: _e,
88
88
  events: { onChange: Ge }
89
- }), Sa = a({
89
+ }), La = a({
90
90
  react: e,
91
91
  tagName: "anduin-navigation-item",
92
92
  elementClass: ve
93
+ }), Oa = a({ react: e, tagName: "anduin-resizable-panel-group", elementClass: Se }), Da = a({ react: e, tagName: "anduin-resizable-panel", elementClass: be }), ha = a({
94
+ react: e,
95
+ tagName: "anduin-resizable-handle",
96
+ elementClass: Ie,
97
+ events: { onResize: Re }
93
98
  });
94
99
  export {
95
- Ca as Avatar,
96
- De as Badge,
97
- he as BadgeCount,
98
- Me as Button,
100
+ Ea as Avatar,
101
+ we as Badge,
102
+ Me as BadgeCount,
103
+ Fe as Button,
99
104
  S as CHECKBOX_CHANGE,
100
- we as Callout,
101
- je as Checkbox,
105
+ fe as Callout,
106
+ ye as Checkbox,
102
107
  ue as DRAWER_AFTER_CLOSE_EVENT,
103
108
  ce as DRAWER_CLOSE_EVENT,
104
109
  re as DROPDOWN_CHANGE,
105
- Fe as Divider,
106
- He as Dot,
107
- Ea as Drawer,
108
- pa as DrawerClose,
109
- Ta as Dropdown,
110
- Ue as Field,
111
- xe as FieldDescription,
112
- Be as FieldError,
113
- Ve as FieldGroup,
114
- We as FieldLabel,
115
- ga as FileIcon,
116
- O as INPUT_CHANGE,
117
- L as INPUT_CLEAR,
118
- be as Icon,
119
- qe as Input,
120
- ke as LoadingState,
121
- Oa as MENU_ITEM_CLICK,
122
- H as MODAL_AFTER_CLOSE_EVENT,
123
- P as MODAL_CLOSE_EVENT,
124
- Qe as Menu,
125
- Ye as MenuItem,
126
- Ze as Modal,
127
- $e as ModalClose,
110
+ ke as Divider,
111
+ Ue as Dot,
112
+ va as Drawer,
113
+ Sa as DrawerClose,
114
+ _a as Dropdown,
115
+ Be as Field,
116
+ Ke as FieldDescription,
117
+ Xe as FieldError,
118
+ je as FieldGroup,
119
+ Ve as FieldLabel,
120
+ Ta as FileIcon,
121
+ I as INPUT_CHANGE,
122
+ R as INPUT_CLEAR,
123
+ He as Icon,
124
+ Je as Input,
125
+ We as LoadingState,
126
+ wa as MENU_ITEM_CLICK,
127
+ M as MODAL_AFTER_CLOSE_EVENT,
128
+ F as MODAL_CLOSE_EVENT,
129
+ ea as Menu,
130
+ aa as MenuItem,
131
+ na as Modal,
132
+ ta as ModalClose,
128
133
  Ge as NAVIGATION_CHANGE,
129
- va as Navigation,
130
- Sa as NavigationItem,
131
- ze as Popover,
132
- Je as PopoverClose,
133
- Pe as Progress,
134
+ Ia as Navigation,
135
+ La as NavigationItem,
136
+ Ye as Popover,
137
+ $e as PopoverClose,
138
+ ze as Progress,
134
139
  p as RADIO_CHANGE,
135
140
  _ as RADIO_GROUP_CHANGE,
136
- Ke as Radio,
137
- Xe as RadioGroup,
138
- Ee as SUGGESTION_CHANGE,
141
+ Re as RESIZE_EVENT,
142
+ Ze as Radio,
143
+ qe as RadioGroup,
144
+ ha as ResizableHandle,
145
+ Da as ResizablePanel,
146
+ Oa as ResizablePanelGroup,
147
+ Te as SUGGESTION_CHANGE,
139
148
  Ne as SUGGESTION_CLEAR,
140
- Te as SUGGESTION_SELECT,
149
+ Ee as SUGGESTION_SELECT,
141
150
  ge as SWITCHER_CHANGE,
142
- fe as Skeleton,
143
- Re as SparkleSpinner,
144
- Oe as Spinner,
145
- _a as Suggestion,
146
- Ga as Switcher,
151
+ xe as Skeleton,
152
+ Pe as SparkleSpinner,
153
+ he as Spinner,
154
+ Ra as Suggestion,
155
+ ba as Switcher,
147
156
  U as TAB_CHANGE,
148
- X as TAG_CLOSE_CLICK,
149
- b as TEXTAREA_CHANGE,
150
- q as TOGGLE_GROUP_CHANGE,
151
- Q as TOGGLE_GROUP_ITEM_CHANGE,
152
- z as TOGGLE_GROUP_ITEM_DESELECT,
153
- J as TOGGLE_GROUP_ITEM_SELECT,
154
- ta as TabContent,
155
- na as TabTrigger,
156
- ea as Tabs,
157
- aa as TabsList,
158
- sa as Tag,
159
- oa as TagClose,
160
- ye as Textarea,
161
- Aa as Toast,
162
- Na as Toaster,
163
- la as ToggleGroup,
164
- ia as ToggleGroupItem,
165
- ra as Tooltip,
166
- ua as TooltipContent,
167
- da as TooltipTrigger,
157
+ K as TAG_CLOSE_CLICK,
158
+ O as TEXTAREA_CHANGE,
159
+ j as TOGGLE_GROUP_CHANGE,
160
+ J as TOGGLE_GROUP_ITEM_CHANGE,
161
+ q as TOGGLE_GROUP_ITEM_DESELECT,
162
+ y as TOGGLE_GROUP_ITEM_SELECT,
163
+ ia as TabContent,
164
+ la as TabTrigger,
165
+ sa as Tabs,
166
+ oa as TabsList,
167
+ ra as Tag,
168
+ da as TagClose,
169
+ Qe as Textarea,
170
+ pa as Toast,
171
+ Ga as Toaster,
172
+ ua as ToggleGroup,
173
+ ca as ToggleGroupItem,
174
+ ma as Tooltip,
175
+ ga as TooltipContent,
176
+ Ca as TooltipTrigger,
168
177
  ne as WELL_CLOSE_CLICK,
169
- ca as Well,
170
- ma as WellClose
178
+ Aa as Well,
179
+ Na as WellClose
171
180
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duyluonganduin/acl-web-components",
3
- "version": "0.0.31",
3
+ "version": "0.0.33",
4
4
  "type": "module",
5
5
  "main": "./dist/acl-web-components.cjs",
6
6
  "module": "./dist/acl-web-components.js",