@arbor-education/design-system.components 0.19.1 → 0.21.0

package/src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx

@@ -203,6 +203,14 @@ const meta = {
         defaultValue: { summary: 'false' },
       },
     },
+    iconClickOnly: {
+      control: 'boolean',
+      description: 'When `true`, only the chevron icon opens the dropdown — clicks elsewhere in the cell fall through to ag-grid so the cell or range can be selected for copy-paste. Defaults to `false`; opt in per column via `cellRendererParams`.',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: 'false' },
+      },
+    },
   },
 } satisfies Meta<typeof SelectDropdownCellRenderer>;
 
@@ -506,3 +514,207 @@ const columnDefs = [
   },
   'Combines `backgroundColor` and `fillCell` to drive a status-coloured column. `cellRendererParams` is a function so each row gets a colour based on its current value, and `cellStyle: { padding: 0 }` removes AG Grid\'s default cell padding so the tinted trigger spans the cell edge-to-edge. Text colour switches automatically between dark and white for legibility.',
 );
+
+const GRADE_OPTIONS = [
+  { label: 'A*', value: 'A*' },
+  { label: 'A', value: 'A' },
+  { label: 'B', value: 'B' },
+  { label: 'C', value: 'C' },
+  { label: 'D', value: 'D' },
+  { label: 'E', value: 'E' },
+  { label: 'U', value: 'U' },
+];
+
+const MARKSHEET_DATA = [
+  { name: 'Alice Johnson', english: 'A', maths: 'B', science: 'A*' },
+  { name: 'Bob Smith', english: 'B', maths: 'C', science: 'B' },
+  { name: 'Charlie Brown', english: 'C', maths: 'A', science: 'B' },
+  { name: 'Diana Prince', english: 'A*', maths: 'A*', science: 'A' },
+];
+
+export const CellSelectionWithIconOnlyTrigger: Story = withDescription(
+  {
+    parameters: {
+      controls: { disable: true },
+      docs: {
+        source: {
+          language: 'tsx',
+          code: `
+import { Table } from '@arbor-education/design-system.components';
+
+const columnDefs = [
+  { field: 'name', headerName: 'Student', flex: 2 },
+  {
+    field: 'english',
+    headerName: 'English',
+    cellRenderer: 'dsSelectDropdownCellRenderer',
+    cellRendererParams: {
+      options: gradeOptions,
+      iconClickOnly: true,
+    },
+  },
+  // ...other grade columns
+];
+
+<Table
+  rowData={rowData}
+  columnDefs={columnDefs}
+  cellSelection={true}
+  domLayout="autoHeight"
+/>
+`.trim(),
+        },
+      },
+    },
+    render: () => (
+      <Table
+        rowData={MARKSHEET_DATA}
+        columnDefs={[
+          { field: 'name', headerName: 'Student', flex: 2 },
+          {
+            field: 'english',
+            headerName: 'English',
+            flex: 1,
+            editable: false,
+            cellRenderer: 'dsSelectDropdownCellRenderer',
+            cellRendererParams: { options: GRADE_OPTIONS, iconClickOnly: true },
+          },
+          {
+            field: 'maths',
+            headerName: 'Maths',
+            flex: 1,
+            editable: false,
+            cellRenderer: 'dsSelectDropdownCellRenderer',
+            cellRendererParams: { options: GRADE_OPTIONS, iconClickOnly: true },
+          },
+          {
+            field: 'science',
+            headerName: 'Science',
+            flex: 1,
+            editable: false,
+            cellRenderer: 'dsSelectDropdownCellRenderer',
+            cellRendererParams: { options: GRADE_OPTIONS, iconClickOnly: true },
+          },
+        ]}
+        defaultColDef={{ flex: 1, minWidth: 100 }}
+        cellSelection={true}
+        domLayout="autoHeight"
+      />
+    ),
+  },
+  'Marksheet-style use case. Pass `iconClickOnly: true` via `cellRendererParams` to opt the column into the icon-only trigger. Click anywhere in a grade cell to select it (or shift/drag to select a range) — `Ctrl/Cmd+C` and `Ctrl/Cmd+V` then work as expected because clicks fall through to ag-grid. To change a grade, click the chevron icon to open the dropdown. Press Enter on a focused cell as a keyboard shortcut to open the dropdown without using the mouse.',
+);
+
+const GRADE_BACKGROUND_COLORS: Record<string, string> = {
+  'A*': '#1F7A1F',
+  'A': '#4CAF50',
+  'B': '#9CCC65',
+  'C': '#FFE68A',
+  'D': '#FFB74D',
+  'E': '#FF8A65',
+  'U': '#B91C1C',
+};
+
+export const GradeSetCell: Story = withDescription(
+  {
+    parameters: {
+      controls: { disable: true },
+      docs: {
+        source: {
+          language: 'tsx',
+          code: `
+import { Table } from '@arbor-education/design-system.components';
+
+const GRADE_BACKGROUND_COLORS = {
+  'A*': '#1F7A1F',
+  'A': '#4CAF50',
+  'B': '#9CCC65',
+  'C': '#FFE68A',
+  'D': '#FFB74D',
+  'E': '#FF8A65',
+  'U': '#B91C1C',
+};
+
+const columnDefs = [
+  { field: 'name', headerName: 'Student', flex: 2 },
+  {
+    field: 'english',
+    headerName: 'English',
+    cellRenderer: 'dsSelectDropdownCellRenderer',
+    cellRendererParams: (params) => ({
+      options: gradeOptions,
+      backgroundColor: GRADE_BACKGROUND_COLORS[params.value],
+      fillCell: true,
+      iconClickOnly: true,
+    }),
+    cellStyle: { padding: 0 },
+  },
+  // ...other grade columns
+];
+
+<Table
+  rowData={rowData}
+  columnDefs={columnDefs}
+  cellSelection={true}
+  domLayout="autoHeight"
+/>
+`.trim(),
+        },
+      },
+    },
+    render: () => (
+      <Table
+        rowData={MARKSHEET_DATA}
+        columnDefs={[
+          { field: 'name', headerName: 'Student', flex: 2 },
+          {
+            field: 'english',
+            headerName: 'English',
+            flex: 1,
+            editable: false,
+            cellRenderer: 'dsSelectDropdownCellRenderer',
+            cellRendererParams: (params: { value?: string }) => ({
+              options: GRADE_OPTIONS,
+              backgroundColor: params.value ? GRADE_BACKGROUND_COLORS[params.value] : undefined,
+              fillCell: true,
+              iconClickOnly: true,
+            }),
+            cellStyle: { padding: 0 },
+          },
+          {
+            field: 'maths',
+            headerName: 'Maths',
+            flex: 1,
+            editable: false,
+            cellRenderer: 'dsSelectDropdownCellRenderer',
+            cellRendererParams: (params: { value?: string }) => ({
+              options: GRADE_OPTIONS,
+              backgroundColor: params.value ? GRADE_BACKGROUND_COLORS[params.value] : undefined,
+              fillCell: true,
+              iconClickOnly: true,
+            }),
+            cellStyle: { padding: 0 },
+          },
+          {
+            field: 'science',
+            headerName: 'Science',
+            flex: 1,
+            editable: false,
+            cellRenderer: 'dsSelectDropdownCellRenderer',
+            cellRendererParams: (params: { value?: string }) => ({
+              options: GRADE_OPTIONS,
+              backgroundColor: params.value ? GRADE_BACKGROUND_COLORS[params.value] : undefined,
+              fillCell: true,
+              iconClickOnly: true,
+            }),
+            cellStyle: { padding: 0 },
+          },
+        ]}
+        defaultColDef={{ flex: 1, minWidth: 100 }}
+        cellSelection={true}
+        domLayout="autoHeight"
+      />
+    ),
+  },
+  '(fillCell + colored) Marksheet with grade-driven cell colours. Each cell uses `backgroundColor` (derived per-row from the current grade) and `fillCell: true` so the colour spans the cell edge-to-edge, plus `cellStyle: { padding: 0 }` to strip ag-grid\'s default cell padding. `iconClickOnly: true` is set so cell selection works — click anywhere in a cell to select it (or shift/drag for a range), and only the chevron icon opens the grade picker. Text colour auto-switches between dark and white for legibility against each background.',
+);

package/src/components/table/cellRenderers/SelectDropdownCellRenderer.test.tsx

@@ -1,5 +1,6 @@
 import { describe, expect, test, vi } from 'vitest';
 import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom/vitest';
 import type { CustomCellRendererProps } from 'ag-grid-react';
 import type { GridApi } from 'ag-grid-community';
@@ -19,6 +20,8 @@ const createMockProps = (
   overrides: Partial<CustomCellRendererProps> & {
     backgroundColor?: string;
     fillCell?: boolean;
+    placeholder?: string;
+    iconClickOnly?: boolean;
   } = {},
 ) => ({
   value: 'option1',
@@ -105,6 +108,28 @@ describe('SelectDropdownCellRenderer', () => {
     });
   });
 
+  describe('iconClickOnly', () => {
+    test('defaults to false — modifier is not applied', () => {
+      render(<SelectDropdownCellRenderer {...createMockProps()} />);
+      expect(screen.getByRole('button')).not.toHaveClass('ds-select-dropdown--icon-click-only');
+    });
+
+    test('applies the icon-click-only modifier when opted in', () => {
+      render(
+        <SelectDropdownCellRenderer
+          {...createMockProps({ iconClickOnly: true })}
+        />,
+      );
+      expect(screen.getByRole('button')).toHaveClass('ds-select-dropdown--icon-click-only');
+    });
+
+    test('clicking the trigger opens the dropdown', async () => {
+      render(<SelectDropdownCellRenderer {...createMockProps({ value: '' })} />);
+      await userEvent.click(screen.getByRole('button'));
+      expect(await screen.findByText('Option 1')).toBeInTheDocument();
+    });
+  });
+
   test('applies both modifiers when backgroundColor and fillCell are set together', () => {
     const { container } = render(
       <SelectDropdownCellRenderer

package/src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx

@@ -17,6 +17,13 @@ type SelectDropdownCellRendererProps = CustomCellRendererProps
   & {
     backgroundColor?: string;
     fillCell?: boolean;
+    /**
+     * When true, only the chevron icon opens the dropdown so the rest
+     * of the cell remains free for ag-grid cell/range selection and
+     * copy-paste. Defaults to false — set it via `cellRendererParams`
+     * to opt in per column.
+     */
+    iconClickOnly?: boolean;
   };
 
 type SelectDropdownCellRendererOption = Omit<
@@ -44,6 +51,7 @@ export const SelectDropdownCellRenderer = (
     alwaysShowPlaceholder = false,
     backgroundColor,
     fillCell = false,
+    iconClickOnly = false,
   } = props;
 
   const textContrast = backgroundColor ? getTextContrast(backgroundColor) : null;
@@ -104,6 +112,7 @@ export const SelectDropdownCellRenderer = (
         open={isOpen}
         onOpenChange={setIsOpen}
         multiple={false}
+        iconClickOnly={iconClickOnly}
         onSelectionChange={(newValue) => {
           if (column && newValue[0] != null) {
             const selectedOption = rawOptions.find(

package/src/components/table/columnFilters/BooleanFilter/BooleanFilter.tsx

@@ -2,7 +2,7 @@ import type { DoesFilterPassParams } from 'ag-grid-community';
 import type { ChangeEvent } from 'react';
 import { useEffect, useRef, useState } from 'react';
 import { RadioButtonGroup } from 'Components/formField/inputs/radio/RadioButtonGroup';
-import { PopupParentContext } from 'Utils/PopupParentContext';
+import { PopupParentContext } from 'Utils/popupParent/PopupParentContext';
 
 type BooleanFilterModel = { allowTrue: boolean; allowFalse: boolean };
 

package/src/components/table/columnFilters/TimeFilter/TimeFilter.tsx

@@ -4,7 +4,7 @@ import { compareTimeByFilterType, type FilterType, FILTER_TYPES } from './utils/
 import { transformTimeStringToDate } from './utils/transformTimeStringToDate.js';
 import { FilterResetButton } from '../filterResetButton/FilterResetButton.js';
 import { SelectDropdown } from 'Components/formField/inputs/selectDropdown/SelectDropdown';
-import { PopupParentContext } from 'Utils/PopupParentContext';
+import { PopupParentContext } from 'Utils/popupParent/PopupParentContext';
 
 type TimeFilterModel = {
   filterType: FilterType;

package/src/components/tooltip/TooltipContent.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import { Tooltip as TooltipPrimitive } from 'radix-ui';
 import { useContext } from 'react';
-import { PopupParentContext } from 'Utils/PopupParentContext';
+import { PopupParentContext } from 'Utils/popupParent/PopupParentContext';
 
 export type TooltipContentProps = {
   children: React.ReactNode;

package/src/components/userDropdown/internal/UserDropdownUserInfo.tsx

@@ -3,7 +3,7 @@ import { DropdownMenu } from 'radix-ui';
 import { Avatar } from 'Components/avatar/Avatar';
 import { Icon } from 'Components/icon/Icon';
 import { Dropdown } from 'Components/dropdown/Dropdown';
-import { PopupParentContext } from 'Utils/PopupParentContext';
+import { PopupParentContext } from 'Utils/popupParent/PopupParentContext';
 import type { UserDropdownUser, UserDropdownUserInfoAction } from '../UserDropdown.js';
 
 type UserDropdownUserInfoProps = {

package/src/index.ts

@@ -55,8 +55,9 @@ export { TooltipWrapper } from 'Components/tooltip/TooltipWrapper';
 export { GovhubLogo, KeyLogo, RobinLogo, SampeopleLogo, TimetablerLogo } from 'Components/userDropdown/assets/logos';
 export { TreeRow, type TreeRowItem, type TreeRowProps, type TreeRowSectionProps } from 'Components/treeRow/TreeRow';
 export { UserDropdown } from 'Components/userDropdown/UserDropdown';
+export { isClient } from 'Utils/isClient';
 export { ModalUtils } from 'Utils/ModalUtils';
-export { PopupParentContext } from 'Utils/PopupParentContext';
+export { PopupParentContext } from 'Utils/popupParent/PopupParentContext';
 export { SlideoverUtils } from 'Utils/SlideoverUtils';
 export { ArborLogo, type ArborLogoProps } from 'Components/arborLogo/ArborLogo';
 export { DataViewCard, type DataViewCardProps } from 'Components/dataViewCard/DataViewCard';

package/src/utils/isClient.ssr.test.ts

@@ -0,0 +1,9 @@
+// @vitest-environment node
+import { describe, expect, it } from 'vitest';
+import { isClient } from './isClient.js';
+
+describe('isClient', () => {
+  it('returns false in a non-browser environment', () => {
+    expect(isClient()).toBe(false);
+  });
+});

package/src/utils/isClient.test.ts

@@ -0,0 +1,8 @@
+import { describe, expect, it } from 'vitest';
+import { isClient } from './isClient.js';
+
+describe('isClient', () => {
+  it('returns true in a browser environment', () => {
+    expect(isClient()).toBe(true);
+  });
+});

package/src/utils/isClient.ts

@@ -0,0 +1 @@
+export const isClient = (): boolean => typeof document !== 'undefined';

package/src/utils/{PopupParentContext.stories.tsx → popupParent/PopupParentContext.stories.tsx}

@@ -7,7 +7,7 @@ import {
   Subtitle,
   Title,
 } from '@storybook/addon-docs/blocks';
-import { PopupParentContext } from 'Utils/PopupParentContext';
+import { PopupParentContext } from 'Utils/popupParent/PopupParentContext';
 import { Button } from 'Components/button/Button';
 import { Dropdown } from 'Components/dropdown/Dropdown';
 
@@ -151,7 +151,7 @@ function PopupParentContextDocsPage() {
 // ---------------------------------------------------------------------------
 
 const meta = {
-  title: 'Utils/PopupParentContext',
+  title: 'Utils/popupParent/PopupParentContext',
   parameters: {
     layout: 'padded',
     docs: {

package/src/utils/popupParent/getDefaultPopupParent.ssr.test.ts

@@ -0,0 +1,13 @@
+// @vitest-environment node
+import { describe, expect, it } from 'vitest';
+
+describe('getDefaultPopupParent in a non-browser environment', () => {
+  it('returns null without accessing document', async () => {
+    const { getDefaultPopupParent } = await import('./getDefaultPopupParent');
+    expect(getDefaultPopupParent()).toBeNull();
+  });
+
+  it('PopupParentContext loads without throwing', async () => {
+    await expect(import('./PopupParentContext')).resolves.toBeDefined();
+  });
+});

package/src/utils/popupParent/getDefaultPopupParent.test.ts

@@ -0,0 +1,22 @@
+import { afterEach, describe, expect, it } from 'vitest';
+import { getDefaultPopupParent } from './getDefaultPopupParent.js';
+
+describe('getDefaultPopupParent in a browser environment', () => {
+  afterEach(() => {
+    document.getElementById('ds-popup-parent')?.remove();
+  });
+
+  it('creates and appends the ds-popup-parent element to document.body', () => {
+    const result = getDefaultPopupParent();
+    expect(result).not.toBeNull();
+    expect(result?.id).toBe('ds-popup-parent');
+    expect(document.body.contains(result)).toBe(true);
+  });
+
+  it('returns the existing element on subsequent calls without creating a duplicate', () => {
+    const first = getDefaultPopupParent();
+    const second = getDefaultPopupParent();
+    expect(first).toBe(second);
+    expect(document.querySelectorAll('#ds-popup-parent')).toHaveLength(1);
+  });
+});

package/src/utils/{getDefaultPopupParent.ts → popupParent/getDefaultPopupParent.ts}

@@ -1,4 +1,10 @@
-export const getDefaultPopupParent = () => {
+import { isClient } from 'Utils/isClient';
+
+export const getDefaultPopupParent = (): HTMLElement | null => {
+  if (!isClient()) {
+    return null;
+  }
+
   const element = document.getElementById('ds-popup-parent');
   if (element) {
     return element;

package/dist/utils/PopupParentContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupParentContext.d.ts","sourceRoot":"","sources":["../../src/utils/PopupParentContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,eAAO,MAAM,kBAAkB,wDAE7B,CAAC"}

package/dist/utils/PopupParentContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupParentContext.js","sourceRoot":"","sources":["../../src/utils/PopupParentContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAgC;IAC7E,OAAO,EAAE,qBAAqB,EAAE;CACjC,CAAC,CAAC"}

package/dist/utils/PopupParentContext.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupParentContext.stories.d.ts","sourceRoot":"","sources":["../../src/utils/PopupParentContext.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkI5D,iBAAS,0BAA0B,4CAelC;AAMD,QAAA,MAAM,IAAI;;;;;;;;;CASM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AA4GtB,eAAO,MAAM,OAAO,EAAE,KAuCrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAqDjC,CAAC"}

package/dist/utils/PopupParentContext.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupParentContext.stories.js","sourceRoot":"","sources":["../../src/utils/PopupParentContext.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GACN,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,MAAM,iBAAiB,GAAG;IACxB,yFAAyF;IACzF,4EAA4E;IAC5E,wGAAwG;IACxG,+EAA+E;CAChF,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,cAAc,GAAG;IACrB,sCAAsC;IACtC,EAAE;IACF,uGAAuG;IACvG,sGAAsG;IACtG,iBAAiB;IACjB,wGAAwG;IACxG,yGAAyG;IACzG,+BAA+B;IAC/B,qGAAqG;IACrG,qGAAqG;IACrG,0DAA0D;IAC1D,EAAE;IACF,KAAK;IACL,EAAE;IACF,6CAA6C;IAC7C,EAAE;IACF,kCAAkC;IAClC,WAAW;IACX,4HAA4H;IAC5H,2GAA2G;IAC3G,+GAA+G;CAChH,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,eAAe,GAAG;IACtB,gDAAgD;IAChD,EAAE;IACF,qCAAqC;IACrC,WAAW;IACX,2CAA2C;IAC3C,gCAAgC;IAChC,kCAAkC;IAClC,mCAAmC;IACnC,8CAA8C;IAC9C,+FAA+F;IAC/F,0CAA0C;IAC1C,kFAAkF;IAClF,EAAE;IACF,KAAK;IACL,EAAE;IACF,WAAW;IACX,EAAE;IACF,QAAQ;IACR,mCAAmC;IACnC,6FAA6F;IAC7F,EAAE;IACF,2BAA2B;IAC3B,wEAAwE;IACxE,2DAA2D;IAC3D,EAAE;IACF,YAAY;IACZ,oFAAoF;IACpF,WAAW;IACX,kEAAkE;IAClE,iEAAiE;IACjE,WAAW;IACX,oFAAoF;IACpF,EAAE;IACF,+DAA+D;IAC/D,oBAAoB;IACpB,8BAA8B;IAC9B,yDAAyD;IACzD,+BAA+B;IAC/B,8BAA8B;IAC9B,wDAAwD;IACxD,0DAA0D;IAC1D,+BAA+B;IAC/B,qBAAqB;IACrB,sCAAsC;IACtC,YAAY;IACZ,MAAM;IACN,GAAG;IACH,KAAK;IACL,EAAE;IACF,KAAK;IACL,EAAE;IACF,uBAAuB;IACvB,EAAE;IACF,kGAAkG;IAClG,0FAA0F;IAC1F,4EAA4E;IAC5E,EAAE;IACF,uDAAuD;IACvD,SAAS;IACT,uEAAuE;IACvE,KAAK;IACL,EAAE;IACF,KAAK;IACL,EAAE;IACF,mBAAmB;IACnB,EAAE;IACF,iGAAiG;IACjG,0EAA0E;IAC1E,sGAAsG;IACtG,wDAAwD;CACzD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,kBAAkB,GAAG;IACzB,uBAAuB;IACvB,EAAE;IACF,+PAA+P;CAChQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,SAAS,0BAA0B;IACjC,OAAO,CACL,8BACE,KAAC,KAAK,KAAG,EACT,KAAC,QAAQ,KAAG,EACZ,KAAC,QAAQ,cAAE,iBAAiB,GAAY,EACxC,KAAC,UAAU,iCAA4B,EACvC,KAAC,QAAQ,cAAE,cAAc,GAAY,EACrC,KAAC,UAAU,kCAA6B,EACxC,KAAC,QAAQ,cAAE,eAAe,GAAY,EACtC,KAAC,UAAU,2BAAsB,EACjC,KAAC,OAAO,IAAC,KAAK,EAAC,EAAE,GAAG,EACpB,KAAC,QAAQ,cAAE,kBAAkB,GAAY,IACxC,CACJ,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,OAAO;AACP,8EAA8E;AAE9E,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE;YACJ,IAAI,EAAE,0BAA0B;SACjC;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACJ,CAAC;AAEjB,eAAe,IAAI,CAAC;AAGpB,8EAA8E;AAC9E,SAAS;AACT,8EAA8E;AAE9E,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,WAAmB,EAAS,EAAE,CAAC,CAAC;IACrE,GAAG,KAAK;IACR,UAAU,EAAE;QACV,GAAG,KAAK,CAAC,UAAU;QACnB,IAAI,EAAE;YACJ,GAAG,KAAK,CAAC,UAAU,EAAE,IAAI;YACzB,WAAW,EAAE;gBACX,KAAK,EAAE,WAAW;aACnB;SACF;KACF;CACF,CAAC,CAAC;AAEH,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAC5B,eACE,KAAK,EAAE;QACL,MAAM,EAAE,kDAAkD;QAC1D,YAAY,EAAE,4BAA4B;QAC1C,OAAO,EAAE,uBAAuB;QAChC,QAAQ,EAAE,QAAQ;QAClB,SAAS,EAAE,OAAO;QAClB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,sBAAsB;KAC5B,aAED,aAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE,KAAK,EAAE,uBAAuB,EAAE,+BAEvF,GAAG,EACJ,8CAA6B,EAC5B,GAAG,gDAEF,EACJ,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,wBAAiB,GAC1B,EACnB,MAAC,QAAQ,CAAC,OAAO,eACf,KAAC,QAAQ,CAAC,IAAI,qCAAmC,EACjD,KAAC,QAAQ,CAAC,IAAI,iCAA+B,EAC7C,KAAC,QAAQ,CAAC,SAAS,KAAG,EACtB,KAAC,QAAQ,CAAC,IAAI,oCAAkC,IAC/B,IACV,IACP,CACP,CAAC;AAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACvC,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEvD,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,sBAAsB,EAAE,aACzG,aAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE,KAAK,EAAE,uBAAuB,EAAE,0CAEvF,GAAG,EACJ,+CAA8B,EAC7B,GAAG,wCAEH,GAAG,EACJ,2CAA0B,SAExB,EAGJ,cACE,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,EAAE;oBACV,MAAM,EAAE,kDAAkD;oBAC1D,YAAY,EAAE,4BAA4B;oBAC1C,OAAO,EAAE,uBAAuB;oBAChC,SAAS,EAAE,MAAM;iBAClB,gBACU,wBAAwB,GACnC,EAEF,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YACnD,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,wBAAiB,GAC1B,EACnB,MAAC,QAAQ,CAAC,OAAO,eACf,KAAC,QAAQ,CAAC,IAAI,qCAAmC,EACjD,KAAC,QAAQ,CAAC,IAAI,iCAA+B,EAC7C,KAAC,QAAQ,CAAC,SAAS,KAAG,EACtB,KAAC,QAAQ,CAAC,IAAI,oCAAkC,IAC/B,IACV,GACiB,IAC1B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,8EAA8E;AAC9E,UAAU;AACV,8EAA8E;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAU,eAAe,CAC3C;IACE,MAAM,EAAE,eAAe;IACvB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;CAoBf,CAAC,IAAI,EAAE;aACC;SACF;KACF;CACF,EACD;IACE,iEAAiE;IACjE,uGAAuG;IACvG,oGAAoG;IACpG,oCAAoC;CACrC,CAAC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU,eAAe,CACvD;IACE,MAAM,EAAE,2BAA2B;IACnC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCf,CAAC,IAAI,EAAE;aACC;SACF;KACF;CACF,EACD;IACE,6FAA6F;IAC7F,gGAAgG;IAChG,iGAAiG;IACjG,oGAAoG;IACpG,4BAA4B;CAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,CACZ,CAAC"}

package/dist/utils/getDefaultPopupParent.d.ts

@@ -1,2 +0,0 @@
-export declare const getDefaultPopupParent: () => HTMLElement;
-//# sourceMappingURL=getDefaultPopupParent.d.ts.map

package/dist/utils/getDefaultPopupParent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDefaultPopupParent.d.ts","sourceRoot":"","sources":["../../src/utils/getDefaultPopupParent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,mBAmBjC,CAAC"}

package/dist/utils/getDefaultPopupParent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDefaultPopupParent.js","sourceRoot":"","sources":["../../src/utils/getDefaultPopupParent.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAC3D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,GAAG,iBAAiB,CAAC;IACpC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAChC,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IACtC,4EAA4E;IAC5E,2EAA2E;IAC3E,0EAA0E;IAC1E,4EAA4E;IAC5E,8DAA8D;IAC9D,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAExC,OAAO,YAA2B,CAAC;AACrC,CAAC,CAAC"}