@cordwainer/cw-elements 1.3.0-alpha.1 → 1.3.0-alpha.3

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@cordwainer/cw-elements",
-  "version": "1.3.0-alpha.1",
+  "version": "1.3.0-alpha.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1962,102 +1962,6 @@
             ]
           }
         },
-        {
-          "name": "cw-data-table-column",
-          "description": "Data table columns define the columns of a [data table](/components/data-table).\n---\n\n\n### **Slots:**\n - _default_ - This element has no rendered output; it is a configuration element only.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "name",
-              "description": "The key in each row data object that this column displays. Required.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "label",
-              "description": "The column header label. Falls back to `name` if not set.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "sortable",
-              "description": "Makes the column header clickable for sorting.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "width",
-              "description": "A CSS width value for this column, e.g. \"200px\" or \"20%\".",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "min-width",
-              "description": "A CSS min-width value for this column.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "align",
-              "description": "Alignment of cell content within the column.",
-              "value": {
-                "type": "'start' | 'center' | 'end'",
-                "default": "'start'"
-              }
-            },
-            {
-              "name": "hidden",
-              "description": "Hides the column without removing it from the DOM.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "This element has no rendered output; it is a configuration element only."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "name",
-                "description": "The key in each row data object that this column displays. Required.",
-                "type": "string"
-              },
-              {
-                "name": "label",
-                "description": "The column header label. Falls back to `name` if not set.",
-                "type": "string"
-              },
-              {
-                "name": "sortable",
-                "description": "Makes the column header clickable for sorting.",
-                "type": "boolean"
-              },
-              {
-                "name": "width",
-                "description": "A CSS width value for this column, e.g. \"200px\" or \"20%\".",
-                "type": "string"
-              },
-              {
-                "name": "minWidth",
-                "description": "A CSS min-width value for this column.",
-                "type": "string"
-              },
-              {
-                "name": "align",
-                "description": "Alignment of cell content within the column.",
-                "type": "'start' | 'center' | 'end'"
-              },
-              {
-                "name": "hidden",
-                "description": "Hides the column without removing it from the DOM.",
-                "type": "boolean"
-              },
-              {
-                "name": "renderCell",
-                "description": "A custom cell renderer. Called once per row with the cell value, the full row object,\nand this column element. Return a Lit `TemplateResult` or a plain string."
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "cw-data-table",
           "description": "Data tables display structured tabular data with support for sorting, row selection, and custom cell rendering.\n---\n\n\n### **Events:**\n - **cw-sort-change** - Emitted when the user clicks a sortable column header. `detail: { column: string, direction: 'asc' | 'desc' }`.\n- **cw-row-selection-change** - Emitted when row selection changes. `detail: { selectedRows: object[] }`.\n- **cw-row-click** - Emitted when a body row is clicked. `detail: { row: object, index: number }`.\n\n### **Slots:**\n - _default_ - Place `<cw-data-table-column>` elements here to define columns.\n- **empty** - Content shown when `data` is empty and not loading.\n\n### **CSS Properties:**\n - **--cw-data-table-border-color** - Border color used when `bordered` is set. Default: `var(--cw-color-neutral-200)`. _(default: undefined)_\n- **--cw-data-table-stripe-color** - Alternate row background color when `striped` is set. Default: `var(--cw-color-neutral-50)`. _(default: undefined)_\n- **--cw-data-table-row-hover-color** - Row background on hover. Default: `var(--cw-color-neutral-100)`. _(default: undefined)_\n- **--cw-data-table-selected-row-color** - Selected row background. Default: `var(--cw-color-primary-50)`. _(default: undefined)_\n- **--cw-data-table-header-background** - Header row background. Default: `var(--cw-color-neutral-50)`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The outer scrollable wrapper.\n- **table** - The `<table>` element.\n- **header-row** - The `<tr>` in `<thead>`.\n- **header-cell** - Each `<th>` element.\n- **sort-button** - The clickable button inside a sortable `<th>`.\n- **sort-icon** - The sort direction icon inside a sortable `<th>`.\n- **body-row** - Each `<tr>` in `<tbody>`.\n- **body-row--selected** - Added to body rows that are selected.\n- **body-cell** - Each `<td>` element.\n- **checkbox-cell** - The `<th>` or `<td>` that holds the selection checkbox.\n- **loading** - The loading overlay shown when `loading` is true.\n- **empty** - The empty-state container shown when `data` is empty.",
@@ -2226,6 +2130,102 @@
             ]
           }
         },
+        {
+          "name": "cw-data-table-column",
+          "description": "Data table columns define the columns of a [data table](/components/data-table).\n---\n\n\n### **Slots:**\n - _default_ - This element has no rendered output; it is a configuration element only.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The key in each row data object that this column displays. Required.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "label",
+              "description": "The column header label. Falls back to `name` if not set.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "sortable",
+              "description": "Makes the column header clickable for sorting.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "width",
+              "description": "A CSS width value for this column, e.g. \"200px\" or \"20%\".",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "min-width",
+              "description": "A CSS min-width value for this column.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "align",
+              "description": "Alignment of cell content within the column.",
+              "value": {
+                "type": "'start' | 'center' | 'end'",
+                "default": "'start'"
+              }
+            },
+            {
+              "name": "hidden",
+              "description": "Hides the column without removing it from the DOM.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "This element has no rendered output; it is a configuration element only."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "name",
+                "description": "The key in each row data object that this column displays. Required.",
+                "type": "string"
+              },
+              {
+                "name": "label",
+                "description": "The column header label. Falls back to `name` if not set.",
+                "type": "string"
+              },
+              {
+                "name": "sortable",
+                "description": "Makes the column header clickable for sorting.",
+                "type": "boolean"
+              },
+              {
+                "name": "width",
+                "description": "A CSS width value for this column, e.g. \"200px\" or \"20%\".",
+                "type": "string"
+              },
+              {
+                "name": "minWidth",
+                "description": "A CSS min-width value for this column.",
+                "type": "string"
+              },
+              {
+                "name": "align",
+                "description": "Alignment of cell content within the column.",
+                "type": "'start' | 'center' | 'end'"
+              },
+              {
+                "name": "hidden",
+                "description": "Hides the column without removing it from the DOM.",
+                "type": "boolean"
+              },
+              {
+                "name": "renderCell",
+                "description": "A custom cell renderer. Called once per row with the cell value, the full row object,\nand this column element. Return a Lit `TemplateResult` or a plain string."
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "cw-date-picker",
           "description": "Date pickers let users select a date from a calendar.\n---\n\n\n### **Events:**\n - **cw-change** - Emitted when the control's value changes.\n- **cw-clear** - Emitted when the control's value is cleared.\n- **cw-input** - Emitted when the control receives input.\n- **cw-focus** - Emitted when the control gains focus.\n- **cw-blur** - Emitted when the control loses focus.\n- **cw-show** - Emitted when the date picker's calendar opens.\n- **cw-after-show** - Emitted after the date picker's calendar opens and all animations are complete.\n- **cw-hide** - Emitted when the date picker's calendar closes.\n- **cw-after-hide** - Emitted after the date picker's calendar closes and all animations are complete.\n- **cw-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the calendar.\n- **hide()** - Hides the calendar.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the combobox.\n- **suffix** - Used to append a presentational icon or similar element to the combobox.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The date picker's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the prefix, suffix, display input, clear icon, and expand icon.\n- **prefix** - The container that wraps the prefix slot.\n- **suffix** - The container that wraps the suffix slot.\n- **display-input** - The element that displays the selected date, an `<input>` element.\n- **calendar** - The calendar container where the header and date grid are rendered.\n- **header** - The calendar's header containing the previous/next buttons and heading.\n- **heading** - The heading that displays the focused month and year.\n- **previous-button** - The button that navigates to the previous month.\n- **next-button** - The button that navigates to the next month.\n- **grid** - The grid that contains the weekday headers and days.\n- **day** - An individual day within the grid.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",
@@ -3372,6 +3372,111 @@
             "events": []
           }
         },
+        {
+          "name": "cw-header",
+          "description": "Page header region composing branding, primary navigation, icon-triggered action panels, and secondary\nnavigation into one piece of chrome.\n---\n\n\n### **Events:**\n - **cw-panel-show** - Emitted when an action panel opens.\n- **cw-panel-after-show** - Emitted after an action panel opens and all animations are complete.\n- **cw-panel-hide** - Emitted when an action panel closes.\n- **cw-panel-after-hide** - Emitted after an action panel closes and all animations are complete.\n\n### **Methods:**\n - **showPanel(name: _HeaderAction['name']_)** - Opens the named action panel. No-op if that slot has no content.\n- **hidePanel()** - Closes the currently open action panel, if any.\n\n### **Slots:**\n - **logo** - A `<cw-logo>`.\n- **primary-navigation** - A `<cw-primary-navigation>`.\n- **utility** - Content for the utility action panel, opened via a gear icon trigger.\n- **search** - Content for the search action panel, opened via a search icon trigger.\n- **notification** - Content for the notification action panel, opened via a bell icon trigger.\n- **user** - Content for the user/account action panel, opened via a person icon trigger.\n- **cart** - Content for the cart action panel, opened via a cart icon trigger.\n- **secondary-navigation** - A `<cw-secondary-navigation>`, rendered on its own row below everything else.\n\n### **CSS Properties:**\n - **--panel-width** - The width of an open action panel above `mobile-breakpoint`. Below it, panels are always full width. Defaults to `50%`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, a `<header>` landmark element.\n- **logo** - The container that wraps the slotted logo.\n- **primary-navigation** - The container that wraps the slotted primary navigation.\n- **actions** - The container that wraps the action triggers.\n- **trigger** - Each action trigger, a `<cw-icon-button>`.\n- **trigger--utility** - The utility action trigger.\n- **trigger--search** - The search action trigger.\n- **trigger--notification** - The notification action trigger.\n- **trigger--user** - The user action trigger.\n- **trigger--cart** - The cart action trigger.\n- **trigger__base** - A trigger's exported `base` part.\n- **indicator** - The line that highlights the currently open action trigger.\n- **panel** - The panel shown below the header when an action trigger is open.\n- **secondary-navigation** - The container that wraps the slotted secondary navigation.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "mobile-breakpoint",
+              "description": "The viewport width, in pixels, below which the header switches to its stacked mobile layout.",
+              "value": { "type": "number", "default": "768" }
+            }
+          ],
+          "slots": [
+            { "name": "logo", "description": "A `<cw-logo>`." },
+            {
+              "name": "primary-navigation",
+              "description": "A `<cw-primary-navigation>`."
+            },
+            {
+              "name": "utility",
+              "description": "Content for the utility action panel, opened via a gear icon trigger."
+            },
+            {
+              "name": "search",
+              "description": "Content for the search action panel, opened via a search icon trigger."
+            },
+            {
+              "name": "notification",
+              "description": "Content for the notification action panel, opened via a bell icon trigger."
+            },
+            {
+              "name": "user",
+              "description": "Content for the user/account action panel, opened via a person icon trigger."
+            },
+            {
+              "name": "cart",
+              "description": "Content for the cart action panel, opened via a cart icon trigger."
+            },
+            {
+              "name": "secondary-navigation",
+              "description": "A `<cw-secondary-navigation>`, rendered on its own row below everything else."
+            }
+          ],
+          "events": [
+            {
+              "name": "cw-panel-show",
+              "type": "{ name: String }",
+              "description": "Emitted when an action panel opens."
+            },
+            {
+              "name": "cw-panel-after-show",
+              "type": "{ name: String }",
+              "description": "Emitted after an action panel opens and all animations are complete."
+            },
+            {
+              "name": "cw-panel-hide",
+              "type": "{ name: String }",
+              "description": "Emitted when an action panel closes."
+            },
+            {
+              "name": "cw-panel-after-hide",
+              "type": "{ name: String }",
+              "description": "Emitted after an action panel closes and all animations are complete."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "panel", "type": "HTMLElement" },
+              { "name": "actionsRow", "type": "HTMLElement" },
+              { "name": "indicator", "type": "HTMLElement" },
+              { "name": "triggers", "type": "NodeListOf<CwIconButton>" },
+              {
+                "name": "activePanel",
+                "description": "The name of the currently open action panel, or `null` if none is open. Not reflected as an attribute — `null`\nis a legitimate, frequently-reached value here (no panel open), which doesn't play well with `CwElement`'s\nreflected-attribute \"morph fix\" (`src/internal/cw-element.ts`), designed around properties whose first non-null\nvalue is a permanent default rather than a value that legitimately toggles back to `null` at runtime.",
+                "type": "HeaderAction['name'] | null"
+              },
+              {
+                "name": "mobileBreakpoint",
+                "description": "The viewport width, in pixels, below which the header switches to its stacked mobile layout.",
+                "type": "number"
+              }
+            ],
+            "events": [
+              {
+                "name": "cw-panel-show",
+                "type": "{ name: String }",
+                "description": "Emitted when an action panel opens."
+              },
+              {
+                "name": "cw-panel-after-show",
+                "type": "{ name: String }",
+                "description": "Emitted after an action panel opens and all animations are complete."
+              },
+              {
+                "name": "cw-panel-hide",
+                "type": "{ name: String }",
+                "description": "Emitted when an action panel closes."
+              },
+              {
+                "name": "cw-panel-after-hide",
+                "type": "{ name: String }",
+                "description": "Emitted after an action panel closes and all animations are complete."
+              }
+            ]
+          }
+        },
         {
           "name": "cw-icon",
           "description": "Icons are symbols that can be used to represent various options within an application.\n---\n\n\n### **Events:**\n - **cw-load** - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n- **cw-error** - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.\n- **use** - The <use> element generated when using `spriteSheet: true`",
@@ -5866,6 +5971,107 @@
             ]
           }
         },
+        {
+          "name": "cw-secondary-navigation",
+          "description": "Second-level site navigation for linking pages related to the current one, beneath a\n`<cw-primary-navigation>`. A flat, horizontal strip of links — unlike primary navigation, it has no\ndisclosure/dropdown items; overflow is handled with scroll buttons instead.\n---\n\n\n### **Slots:**\n - _default_ - One or more `<cw-secondary-navigation-item>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, a `<nav>` landmark element.\n- **nav** - The container that wraps the slotted navigation items and the scroll buttons.\n- **scroll-button** - The previous/next scroll buttons that show when items overflow, an `<cw-icon-button>`.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.\n- **scroll-button__base** - The scroll button's exported `base` part.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The accessible label for the `<nav>` landmark. Defaults to a localized \"Secondary navigation\".",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "no-scroll-controls",
+              "description": "Disables the scroll arrows that appear when items overflow.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "One or more `<cw-secondary-navigation-item>` elements."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "nav", "type": "HTMLElement" },
+              {
+                "name": "label",
+                "description": "The accessible label for the `<nav>` landmark. Defaults to a localized \"Secondary navigation\".",
+                "type": "string"
+              },
+              {
+                "name": "noScrollControls",
+                "description": "Disables the scroll arrows that appear when items overflow.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "cw-secondary-navigation-item",
+          "description": "A link in a `<cw-secondary-navigation>`, pointing to a page related to the current one.\n---\n\n\n### **Slots:**\n - _default_ - The item's label content (text, or an icon + text).\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The internal `<a>`, present only when `href` is set.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "href",
+              "description": "The URL to navigate to.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "target",
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "value": {
+                "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              }
+            },
+            {
+              "name": "rel",
+              "description": "The `rel` attribute for the link. Only used when `href` is set.",
+              "value": { "type": "string", "default": "'noreferrer noopener'" }
+            },
+            {
+              "name": "current",
+              "description": "Indicates this item represents the current page. Reflects `aria-current=\"page\"` on the internal link. The\ncomponent has no router/URL awareness — consumers set this explicitly based on their own routing state.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The item's label content (text, or an icon + text)."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "href",
+                "description": "The URL to navigate to.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link. Only used when `href` is set.",
+                "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              {
+                "name": "rel",
+                "description": "The `rel` attribute for the link. Only used when `href` is set.",
+                "type": "string"
+              },
+              {
+                "name": "current",
+                "description": "Indicates this item represents the current page. Reflects `aria-current=\"page\"` on the internal link. The\ncomponent has no router/URL awareness — consumers set this explicitly based on their own routing state.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "cw-select",
           "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **cw-change** - Emitted when the control's value changes.\n- **cw-clear** - Emitted when the control's value is cleared.\n- **cw-input** - Emitted when the control receives input.\n- **cw-focus** - Emitted when the control gains focus.\n- **cw-blur** - Emitted when the control loses focus.\n- **cw-show** - Emitted when the select's menu opens.\n- **cw-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **cw-hide** - Emitted when the select's menu closes.\n- **cw-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **cw-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<cw-option>` elements. You can use `<cw-divider>` to group items visually.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the combobox.\n- **suffix** - Used to append a presentational icon or similar element to the combobox.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.\n- **prefix** - The container that wraps the prefix slot.\n- **suffix** - The container that wraps the suffix slot.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's base part.\n- **tag__content** - The tag's content part.\n- **tag__remove-button** - The tag's remove button.\n- **tag__remove-button__base** - The tag's remove button base part.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cordwainer/cw-elements",
   "description": "Cordwainer Elements — Web Component Library, a hard fork of Shoelace (@shoelace-style/shoelace).",
-  "version": "1.3.0-alpha.1",
+  "version": "1.3.0-alpha.3",
   "homepage": "https://cordwainer.dev",
   "author": "Matt Hand",
   "license": "MIT",

package/cdn/chunks/chunk.25HC2TNX.js

@@ -1,113 +0,0 @@
-import {
-  mutation_observer_styles_default
-} from "./chunk.UHWQVLAZ.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  component_styles_default
-} from "./chunk.NJIHXHXI.js";
-import {
-  CwElement,
-  n
-} from "./chunk.3ZEBFGMU.js";
-import {
-  b
-} from "./chunk.6A2LG33L.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/mutation-observer/mutation-observer.component.ts
-var CwMutationObserver = class extends CwElement {
-  constructor() {
-    super(...arguments);
-    this.attrOldValue = false;
-    this.charData = false;
-    this.charDataOldValue = false;
-    this.childList = false;
-    this.disabled = false;
-    this.handleMutation = (mutationList) => {
-      this.emit("cw-mutation", {
-        detail: { mutationList }
-      });
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.mutationObserver = new MutationObserver(this.handleMutation);
-    if (!this.disabled) {
-      this.startObserver();
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.stopObserver();
-  }
-  startObserver() {
-    const observeAttributes = typeof this.attr === "string" && this.attr.length > 0;
-    const attributeFilter = observeAttributes && this.attr !== "*" ? this.attr.split(" ") : void 0;
-    try {
-      this.mutationObserver.observe(this, {
-        subtree: true,
-        childList: this.childList,
-        attributes: observeAttributes,
-        attributeFilter,
-        attributeOldValue: this.attrOldValue,
-        characterData: this.charData,
-        characterDataOldValue: this.charDataOldValue
-      });
-    } catch (e) {
-    }
-  }
-  stopObserver() {
-    this.mutationObserver.disconnect();
-  }
-  handleDisabledChange() {
-    if (this.disabled) {
-      this.stopObserver();
-    } else {
-      this.startObserver();
-    }
-  }
-  handleChange() {
-    this.stopObserver();
-    this.startObserver();
-  }
-  render() {
-    return b` <slot></slot> `;
-  }
-};
-CwMutationObserver.styles = [component_styles_default, mutation_observer_styles_default];
-__decorateClass([
-  n({ reflect: true })
-], CwMutationObserver.prototype, "attr", 2);
-__decorateClass([
-  n({ attribute: "attr-old-value", type: Boolean, reflect: true })
-], CwMutationObserver.prototype, "attrOldValue", 2);
-__decorateClass([
-  n({ attribute: "char-data", type: Boolean, reflect: true })
-], CwMutationObserver.prototype, "charData", 2);
-__decorateClass([
-  n({ attribute: "char-data-old-value", type: Boolean, reflect: true })
-], CwMutationObserver.prototype, "charDataOldValue", 2);
-__decorateClass([
-  n({ attribute: "child-list", type: Boolean, reflect: true })
-], CwMutationObserver.prototype, "childList", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], CwMutationObserver.prototype, "disabled", 2);
-__decorateClass([
-  watch("disabled")
-], CwMutationObserver.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("attr", { waitUntilFirstUpdate: true }),
-  watch("attr-old-value", { waitUntilFirstUpdate: true }),
-  watch("char-data", { waitUntilFirstUpdate: true }),
-  watch("char-data-old-value", { waitUntilFirstUpdate: true }),
-  watch("childList", { waitUntilFirstUpdate: true })
-], CwMutationObserver.prototype, "handleChange", 1);
-
-export {
-  CwMutationObserver
-};