@duyluonganduin/acl-web-components 0.0.59 → 0.0.61
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/README.md +1 -0
- package/dist/acl-web-components.cjs +1 -1
- package/dist/acl-web-components.d.ts +118 -0
- package/dist/acl-web-components.iife.js +414 -297
- package/dist/acl-web-components.js +130 -126
- package/dist/{anduin-table-DRPTUmAM.js → anduin-table-D6X8sSGF.js} +2340 -2078
- package/dist/{anduin-table-X2lYnMwn.cjs → anduin-table-KkQzZaMG.cjs} +411 -294
- package/dist/jsx.d.ts +15 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +116 -0
- package/dist/react.js +212 -200
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -177,6 +177,7 @@ Once enabled, all component props are typed:
|
|
|
177
177
|
| Field Group | `<anduin-field-group>` | — |
|
|
178
178
|
| Icon | `<anduin-icon>` | `name`, `size` (12 small · **16 default** · 20 · 24 large) |
|
|
179
179
|
| Input | `<anduin-input>` | `value`, `size`, `disabled`, `readonly`, `placeholder`, `inputid`, `status` |
|
|
180
|
+
| Inline Edit | `<anduin-inline-edit>` | `value`, `placeholder`, `size` (`small`/`medium`), `mode`, `disabled`, `click-to-edit`, `edit-label`; `.validate` property; `edit()` |
|
|
180
181
|
| Loading State | `<anduin-loading-state>` | `height` |
|
|
181
182
|
| Progress | `<anduin-progress>` | `percent`, `height` |
|
|
182
183
|
| Skeleton | `<anduin-skeleton>` | `effect`, `shape`, `height`, `width`, `duration`, `font-size` |
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./anduin-table-X2lYnMwn.cjs"),o=':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 i=document.createElement("style");i.id="acl-tokens",i.textContent=o,document.head.appendChild(i)}exports.AnduinAiSpinner=n.AnduinAiSpinner;exports.AnduinAvatar=n.AnduinAvatar;exports.AnduinBadge=n.AnduinBadge;exports.AnduinBadgeCount=n.AnduinBadgeCount;exports.AnduinButton=n.AnduinButton;exports.AnduinCalendar=n.AnduinCalendar;exports.AnduinCallout=n.AnduinCallout;exports.AnduinCheckbox=n.AnduinCheckbox;exports.AnduinDateInput=n.AnduinDateInput;exports.AnduinDatePicker=n.AnduinDatePicker;exports.AnduinDateRange=n.AnduinDateRange;exports.AnduinDateRangeDefault=n.AnduinDateRangeDefault;exports.AnduinDateRangeEnd=n.AnduinDateRangeEnd;exports.AnduinDateRangePanel=n.AnduinDateRangePanel;exports.AnduinDateRangeStart=n.AnduinDateRangeStart;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.AnduinSidebar=n.AnduinSidebar;exports.AnduinSidebarAction=n.AnduinSidebarAction;exports.AnduinSidebarBadge=n.AnduinSidebarBadge;exports.AnduinSidebarContent=n.AnduinSidebarContent;exports.AnduinSidebarFooter=n.AnduinSidebarFooter;exports.AnduinSidebarGroup=n.AnduinSidebarGroup;exports.AnduinSidebarGroupLabel=n.AnduinSidebarGroupLabel;exports.AnduinSidebarHeader=n.AnduinSidebarHeader;exports.AnduinSidebarMenu=n.AnduinSidebarMenu;exports.AnduinSidebarMenuItem=n.AnduinSidebarMenuItem;exports.AnduinSidebarSeparator=n.AnduinSidebarSeparator;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.AnduinTable=n.AnduinTable;exports.AnduinTabs=n.AnduinTabs;exports.AnduinTabsList=n.AnduinTabsList;exports.AnduinTag=n.AnduinTag;exports.AnduinTagClose=n.AnduinTagClose;exports.AnduinTextarea=n.AnduinTextarea;exports.AnduinTimeline=n.AnduinTimeline;exports.AnduinTimelineDate=n.AnduinTimelineDate;exports.AnduinTimelineGroup=n.AnduinTimelineGroup;exports.AnduinTimelineItem=n.AnduinTimelineItem;exports.AnduinTimelineLabel=n.AnduinTimelineLabel;exports.AnduinTimelineTitle=n.AnduinTimelineTitle;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.CALENDAR_CHANGE=n.CALENDAR_CHANGE;exports.CALENDAR_DAY_HOVER=n.CALENDAR_DAY_HOVER;exports.CHECKBOX_CHANGE=n.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=n.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=n.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=n.DATE_RANGE_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.POPOVER_OPEN_CHANGE=n.POPOVER_OPEN_CHANGE;exports.RADIO_CHANGE=n.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=n.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=n.RESIZE_EVENT;exports.SIDEBAR_SELECT=n.SIDEBAR_SELECT;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.TABLE_CELL_CONTEXT_MENU=n.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=n.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=n.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=n.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=n.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=n.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=n.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=n.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=n.TABLE_SORT;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.addMonths=n.addMonths;exports.formatISODate=n.formatISODate;exports.getBadgeVariantClass=n.getBadgeVariantClass;exports.parseISODate=n.parseISODate;exports.resolveFileIcon=n.resolveFileIcon;exports.startOfToday=n.startOfToday;exports.toast=n.toast;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./anduin-table-KkQzZaMG.cjs"),o=':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 i=document.createElement("style");i.id="acl-tokens",i.textContent=o,document.head.appendChild(i)}exports.AnduinAiSpinner=n.AnduinAiSpinner;exports.AnduinAvatar=n.AnduinAvatar;exports.AnduinBadge=n.AnduinBadge;exports.AnduinBadgeCount=n.AnduinBadgeCount;exports.AnduinButton=n.AnduinButton;exports.AnduinCalendar=n.AnduinCalendar;exports.AnduinCallout=n.AnduinCallout;exports.AnduinCheckbox=n.AnduinCheckbox;exports.AnduinDateInput=n.AnduinDateInput;exports.AnduinDatePicker=n.AnduinDatePicker;exports.AnduinDateRange=n.AnduinDateRange;exports.AnduinDateRangeDefault=n.AnduinDateRangeDefault;exports.AnduinDateRangeEnd=n.AnduinDateRangeEnd;exports.AnduinDateRangePanel=n.AnduinDateRangePanel;exports.AnduinDateRangeStart=n.AnduinDateRangeStart;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.AnduinInlineEdit=n.AnduinInlineEdit;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.AnduinSidebar=n.AnduinSidebar;exports.AnduinSidebarAction=n.AnduinSidebarAction;exports.AnduinSidebarBadge=n.AnduinSidebarBadge;exports.AnduinSidebarContent=n.AnduinSidebarContent;exports.AnduinSidebarFooter=n.AnduinSidebarFooter;exports.AnduinSidebarGroup=n.AnduinSidebarGroup;exports.AnduinSidebarGroupLabel=n.AnduinSidebarGroupLabel;exports.AnduinSidebarHeader=n.AnduinSidebarHeader;exports.AnduinSidebarMenu=n.AnduinSidebarMenu;exports.AnduinSidebarMenuItem=n.AnduinSidebarMenuItem;exports.AnduinSidebarSeparator=n.AnduinSidebarSeparator;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.AnduinTable=n.AnduinTable;exports.AnduinTabs=n.AnduinTabs;exports.AnduinTabsList=n.AnduinTabsList;exports.AnduinTag=n.AnduinTag;exports.AnduinTagClose=n.AnduinTagClose;exports.AnduinTextarea=n.AnduinTextarea;exports.AnduinTimeline=n.AnduinTimeline;exports.AnduinTimelineDate=n.AnduinTimelineDate;exports.AnduinTimelineGroup=n.AnduinTimelineGroup;exports.AnduinTimelineItem=n.AnduinTimelineItem;exports.AnduinTimelineLabel=n.AnduinTimelineLabel;exports.AnduinTimelineTitle=n.AnduinTimelineTitle;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.CALENDAR_CHANGE=n.CALENDAR_CHANGE;exports.CALENDAR_DAY_HOVER=n.CALENDAR_DAY_HOVER;exports.CHECKBOX_CHANGE=n.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=n.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=n.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=n.DATE_RANGE_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.INLINE_EDIT_CANCEL=n.INLINE_EDIT_CANCEL;exports.INLINE_EDIT_EDIT=n.INLINE_EDIT_EDIT;exports.INLINE_EDIT_SAVE=n.INLINE_EDIT_SAVE;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.POPOVER_OPEN_CHANGE=n.POPOVER_OPEN_CHANGE;exports.RADIO_CHANGE=n.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=n.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=n.RESIZE_EVENT;exports.SIDEBAR_SELECT=n.SIDEBAR_SELECT;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.TABLE_CELL_CONTEXT_MENU=n.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=n.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=n.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=n.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=n.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=n.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=n.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=n.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=n.TABLE_SORT;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.addMonths=n.addMonths;exports.formatISODate=n.formatISODate;exports.getBadgeVariantClass=n.getBadgeVariantClass;exports.parseISODate=n.parseISODate;exports.resolveFileIcon=n.resolveFileIcon;exports.startOfToday=n.startOfToday;exports.toast=n.toast;
|
|
@@ -603,6 +603,108 @@ export declare class AnduinIcon extends LitElement {
|
|
|
603
603
|
render(): TemplateResult<2>;
|
|
604
604
|
}
|
|
605
605
|
|
|
606
|
+
/**
|
|
607
|
+
* Edit a single-line value in place: a View mode that shows the value with an
|
|
608
|
+
* edit "switcher", and an Edit mode with a text field, Save and Cancel.
|
|
609
|
+
*
|
|
610
|
+
* A port of `InlineEditR` / `InlineEditL` from the Anduin design system
|
|
611
|
+
* (`design.anduin.components.inline`). Kept from it: the two modes, the
|
|
612
|
+
* switcher as a plain `edit` icon button in a tooltip, Save as a filled
|
|
613
|
+
* primary `check` button ("Or press Enter to save", or the validation message
|
|
614
|
+
* while invalid, when it is also disabled), Cancel as a plain `cross` button
|
|
615
|
+
* ("Or press Esc to cancel"), Enter / Escape, validation on every keystroke,
|
|
616
|
+
* Cancel restoring the last saved value, and heights 24 / 32 mapped onto
|
|
617
|
+
* button sizes small / medium.
|
|
618
|
+
*
|
|
619
|
+
* What differs, and why:
|
|
620
|
+
*
|
|
621
|
+
* - **The field inherits the host's font.** The Scala component renders a
|
|
622
|
+
* `TextBox` (13px). This one exists for detail-page titles edited in place,
|
|
623
|
+
* where a 13px input replacing a 26px heading makes the page jump and reads
|
|
624
|
+
* as a form rather than the title itself. So the host sets no font at all —
|
|
625
|
+
* not even `--font-sans`, unlike every other ACL host — and the view text and
|
|
626
|
+
* the field both inherit size, weight, line height, family and colour from
|
|
627
|
+
* wherever the element is placed. The field keeps the ACL input's border,
|
|
628
|
+
* radius, background and focus treatment.
|
|
629
|
+
*
|
|
630
|
+
* - **It is a native `<input>`, not `<anduin-input>`.** `anduin-input` fixes
|
|
631
|
+
* its font size per `size` (11 / 13 / 15px) and its height (24 / 32 / 40px),
|
|
632
|
+
* both of which the point above has to undo; and its `anduin-input:change`
|
|
633
|
+
* is bubbling and composed, so every keystroke would leak an input event out
|
|
634
|
+
* of this element that a consumer listening for input changes higher up
|
|
635
|
+
* would mistake for its own field.
|
|
636
|
+
*
|
|
637
|
+
* - **The view is built in.** The Scala API takes a `renderViewMode` callback.
|
|
638
|
+
* Here the value text plus switcher is the default and the default slot
|
|
639
|
+
* replaces the text, which covers the same ground without a render prop.
|
|
640
|
+
*
|
|
641
|
+
* - **Enter / Escape act on keydown, not keyup.** On keyup, the Enter that
|
|
642
|
+
* commits an IME composition arrives as a plain Enter and saved half-typed
|
|
643
|
+
* text; keydown carries `isComposing`, so that Enter is ignored. Both keys
|
|
644
|
+
* stop propagating once handled, so an Escape that cancels the edit does not
|
|
645
|
+
* also close a surrounding drawer or popover listening on the document.
|
|
646
|
+
*
|
|
647
|
+
* - **Saving an unchanged value fires cancel, not save.** Every edit session
|
|
648
|
+
* ends in exactly one of the two events, so a consumer tracking "is editing"
|
|
649
|
+
* from `edit` always hears the end of it, and a no-op rename never reaches
|
|
650
|
+
* the consumer's save path.
|
|
651
|
+
*/
|
|
652
|
+
export declare class AnduinInlineEdit extends LitElement {
|
|
653
|
+
static styles: CSSResult;
|
|
654
|
+
/** The saved value. Changing it from outside updates the view (and an untouched draft). */
|
|
655
|
+
value: string;
|
|
656
|
+
/** Shown in the field when empty, and in the view (gray) when the value is empty. */
|
|
657
|
+
placeholder: string;
|
|
658
|
+
/** Button size: `small` (24px) or `medium` (32px). */
|
|
659
|
+
size: InlineEditSize;
|
|
660
|
+
/** The mode on first render. Later changes are ignored; call `edit()` to switch. */
|
|
661
|
+
mode: InlineEditMode;
|
|
662
|
+
/** Hides the switcher and ignores clicks and `edit()`. Leaves edit mode (discarding the draft) if set while editing. */
|
|
663
|
+
disabled: boolean;
|
|
664
|
+
/** Clicking the view text also enters edit mode. */
|
|
665
|
+
clickToEdit: boolean;
|
|
666
|
+
/** Tooltip and accessible name of the switcher. */
|
|
667
|
+
editLabel: string;
|
|
668
|
+
/** Property only. Runs on entering edit mode and on every keystroke. */
|
|
669
|
+
validate?: InlineEditValidate;
|
|
670
|
+
private _editing;
|
|
671
|
+
private _draft;
|
|
672
|
+
private _error;
|
|
673
|
+
private _hasSlotted;
|
|
674
|
+
/** Width of the view text when edit mode was entered, so the field opens at least that wide. */
|
|
675
|
+
private _openWidth;
|
|
676
|
+
private _field?;
|
|
677
|
+
private _text?;
|
|
678
|
+
/** Whether the element is in edit mode. Also reflected as the `editing` attribute. */
|
|
679
|
+
get editing(): boolean;
|
|
680
|
+
/**
|
|
681
|
+
* Enters edit mode with the field focused and its whole text selected — for
|
|
682
|
+
* a "Rename" menu item, or opening a just-created object straight into its
|
|
683
|
+
* name. A no-op while disabled; while already editing it refocuses and
|
|
684
|
+
* reselects. Resolves once the field has focus.
|
|
685
|
+
*/
|
|
686
|
+
edit(): Promise<void>;
|
|
687
|
+
/** Leaves edit mode without saving and fires `anduin-inline-edit:cancel`. A no-op in view mode. */
|
|
688
|
+
cancel(): void;
|
|
689
|
+
/**
|
|
690
|
+
* Saves the draft and returns to view mode, as Enter does. Does nothing while
|
|
691
|
+
* the draft is invalid. Fires `anduin-inline-edit:save` with the new value, or
|
|
692
|
+
* `anduin-inline-edit:cancel` if it is unchanged.
|
|
693
|
+
*/
|
|
694
|
+
save(): void;
|
|
695
|
+
private _exit;
|
|
696
|
+
private _runValidate;
|
|
697
|
+
protected willUpdate(changed: Map<PropertyKey, unknown>): void;
|
|
698
|
+
protected updated(): void;
|
|
699
|
+
private _onInput;
|
|
700
|
+
private _onKeydown;
|
|
701
|
+
private _onTextClick;
|
|
702
|
+
private _onSlotChange;
|
|
703
|
+
private _renderView;
|
|
704
|
+
private _renderEdit;
|
|
705
|
+
render(): TemplateResult<1>;
|
|
706
|
+
}
|
|
707
|
+
|
|
606
708
|
export declare class AnduinInput extends LitElement {
|
|
607
709
|
/**
|
|
608
710
|
* Focus belongs to the inner `<input>`, not the host. Without this,
|
|
@@ -1781,6 +1883,22 @@ export declare function formatISODate(date: Date): string;
|
|
|
1781
1883
|
|
|
1782
1884
|
export declare function getBadgeVariantClass(variant: string): string;
|
|
1783
1885
|
|
|
1886
|
+
/** Left edit mode without saving (Escape, Cancel, or Save with the value unchanged). No `detail`. */
|
|
1887
|
+
export declare const INLINE_EDIT_CANCEL = "anduin-inline-edit:cancel";
|
|
1888
|
+
|
|
1889
|
+
/** Entered edit mode (switcher, click-to-edit, or `edit()`). No `detail`. */
|
|
1890
|
+
export declare const INLINE_EDIT_EDIT = "anduin-inline-edit:edit";
|
|
1891
|
+
|
|
1892
|
+
/** Saved: `detail` is the new value as a plain string. Fired only when it differs from the old one. */
|
|
1893
|
+
export declare const INLINE_EDIT_SAVE = "anduin-inline-edit:save";
|
|
1894
|
+
|
|
1895
|
+
export declare type InlineEditMode = 'view' | 'edit';
|
|
1896
|
+
|
|
1897
|
+
export declare type InlineEditSize = 'small' | 'medium';
|
|
1898
|
+
|
|
1899
|
+
/** Returns `null` (or `''`) when the value is valid, or the message to show when it is not. */
|
|
1900
|
+
export declare type InlineEditValidate = (value: string) => string | null | undefined;
|
|
1901
|
+
|
|
1784
1902
|
export declare const INPUT_CHANGE = "anduin-input:change";
|
|
1785
1903
|
|
|
1786
1904
|
export declare const INPUT_CLEAR = "anduin-input:clear";
|