snice 1.13.7 → 1.13.9

package/components/accordion/snice-accordion-item.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, ready, dispatch, observe } from '../../src/index';
+import { element, property, query, on, watch, ready, dispatch, observe } from 'snice';
 import css from './snice-accordion-item.css?inline';
 import type { SniceAccordionItemElement } from './snice-accordion.types';
 

package/components/accordion/snice-accordion.ts

@@ -1,4 +1,4 @@
-import { element, property, on, dispatch, ready, queryAll } from '../../src/index';
+import { element, property, on, dispatch, ready, queryAll } from 'snice';
 import css from './snice-accordion.css?inline';
 import type { SniceAccordionElement, SniceAccordionItemElement, AccordionOpenEvent, AccordionCloseEvent } from './snice-accordion.types';
 

package/components/alert/snice-alert.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, on, dispatch, part } from '../../src/index';
+import { element, property, watch, query, on, dispatch, part } from 'snice';
 import css from './snice-alert.css?inline';
 import type { AlertVariant, AlertSize, SniceAlertElement } from './snice-alert.types';
 

package/components/avatar/snice-avatar.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, ready, on, part } from '../../src/index';
+import { element, property, watch, query, ready, on, part } from 'snice';
 import css from './snice-avatar.css?inline';
 import type { AvatarSize, AvatarShape, SniceAvatarElement } from './snice-avatar.types';
 

package/components/badge/snice-badge.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, ready, part } from '../../src/index';
+import { element, property, watch, query, ready, part } from 'snice';
 import css from './snice-badge.css?inline';
 import type { BadgeVariant, BadgePosition, BadgeSize, SniceBadgeElement } from './snice-badge.types';
 

package/components/breadcrumbs/snice-breadcrumbs.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, dispatch, on, ready } from '../../src/index';
+import { element, property, watch, query, dispatch, on, ready } from 'snice';
 import css from './snice-breadcrumbs.css?inline';
 import type { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, SniceBreadcrumbsElement } from './snice-breadcrumbs.types';
 import type { SniceCrumbElement } from './snice-breadcrumbs.types';

package/components/breadcrumbs/snice-crumb.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import type { SniceCrumbElement } from './snice-breadcrumbs.types';
 
 @element('snice-crumb')

package/components/button/snice-button.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, dispatch, watch } from '../../src/index';
+import { element, property, query, on, dispatch, watch } from 'snice';
 import css from './snice-button.css?inline';
 import type { ButtonVariant, ButtonSize, IconPlacement, SniceButtonElement } from './snice-button.types';
 

package/components/card/snice-card.ts

@@ -1,4 +1,4 @@
-import { element, property, on, dispatch, ready } from '../../src/index';
+import { element, property, on, dispatch, ready } from 'snice';
 import css from './snice-card.css?inline';
 import type { CardVariant, CardSize, SniceCardElement } from './snice-card.types';
 

package/components/checkbox/snice-checkbox.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-checkbox.css?inline';
 import type { CheckboxSize, SniceCheckboxElement } from './snice-checkbox.types';
 

package/components/chip/snice-chip.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query, on, dispatch } from '../../src/index';
+import { element, property, watch, query, on, dispatch } from 'snice';
 import css from './snice-chip.css?inline';
 import type { ChipVariant, ChipSize, SniceChipElement } from './snice-chip.types';
 

package/components/date-picker/snice-date-picker.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-date-picker.css?inline';
 import type { DatePickerSize, DatePickerVariant, DateFormat, SniceDatePickerElement, DatePickerValue } from './snice-date-picker.types';
 

package/components/divider/snice-divider.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, query } from '../../src/index';
+import { element, property, watch, query } from 'snice';
 import css from './snice-divider.css?inline';
 import type { DividerOrientation, DividerVariant, DividerAlign, DividerSpacing, SniceDividerElement } from './snice-divider.types';
 

package/components/drawer/snice-drawer.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready, dispose } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready, dispose } from 'snice';
 import css from './snice-drawer.css?inline';
 import type { DrawerPosition, DrawerSize, SniceDrawerElement } from './snice-drawer.types';
 

package/components/input/snice-input.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-input.css?inline';
 import type { InputType, InputSize, InputVariant, SniceInputElement } from './snice-input.types';
 

package/components/layout/snice-layout-blog.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout-blog.css?inline';
 
 @element('snice-layout-blog')

package/components/layout/snice-layout-card.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-card.css?inline';
 
 @element('snice-layout-card')

package/components/layout/snice-layout-centered.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-centered.css?inline';
 
 @element('snice-layout-centered')

package/components/layout/snice-layout-dashboard.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout-dashboard.css?inline';
 
 @element('snice-layout-dashboard')

package/components/layout/snice-layout-fullscreen.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-fullscreen.css?inline';
 
 @element('snice-layout-fullscreen')

package/components/layout/snice-layout-landing.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout-landing.css?inline';
 
 @element('snice-layout-landing')

package/components/layout/snice-layout-minimal.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout-minimal.css?inline';
 
 @element('snice-layout-minimal')

package/components/layout/snice-layout-sidebar.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-sidebar.css?inline';
 
 @element('snice-layout-sidebar')

package/components/layout/snice-layout-split.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 import css from './snice-layout-split.css?inline';
 
 @element('snice-layout-split')

package/components/layout/snice-layout.ts

@@ -1,4 +1,4 @@
-import { element } from '../../src/index';
+import { element } from 'snice';
 import css from './snice-layout.css?inline';
 
 @element('snice-layout')

package/components/layout/snice-layout.types.ts

@@ -1,4 +1,4 @@
-import type { SniceElement } from '../../src/index';
+import type { SniceElement } from 'snice';
 
 export interface SniceLayoutElement extends SniceElement {
   // Add layout-specific properties and methods here as needed

package/components/login/snice-login.ts

@@ -1,4 +1,4 @@
-import { element, property, query, queryAll, on, dispatch, request, type Response } from '../../src/index';
+import { element, property, query, queryAll, on, dispatch, request, type Response } from 'snice';
 import css from './snice-login.css?inline';
 import type { LoginVariant, LoginSize, LoginCredentials, LoginResult, SniceLoginElement } from './snice-login.types';
 import '../alert/snice-alert';

package/components/modal/snice-modal.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, ready, dispatch } from '../../src/index';
+import { element, property, query, on, watch, ready, dispatch } from 'snice';
 import css from './snice-modal.css?inline';
 import type { ModalSize, SniceModalElement } from './snice-modal.types';
 

package/components/pagination/snice-pagination.ts

@@ -1,4 +1,4 @@
-import { element, property, on, dispatch, watch, ready } from '../../src/index';
+import { element, property, on, dispatch, watch, ready } from 'snice';
 
 @element('snice-pagination')
 export class SnicePagination extends HTMLElement {

package/components/progress/snice-progress.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query, dispatch } from '../../src/index';
+import { element, property, watch, ready, query, dispatch } from 'snice';
 import css from './snice-progress.css?inline';
 import type { ProgressVariant, ProgressSize, ProgressColor, SniceProgressElement } from './snice-progress.types';
 

package/components/radio/snice-radio.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-radio.css?inline';
 import type { RadioSize, SniceRadioElement } from './snice-radio.types';
 

package/components/select/snice-option.ts

@@ -1,4 +1,4 @@
-import { element, property, ready } from '../../src/index';
+import { element, property, ready } from 'snice';
 import type { SniceOptionElement } from './snice-option.types';
 
 @element('snice-option')

package/components/select/snice-select.ts

@@ -1,4 +1,4 @@
-import { element, property, query, queryAll, on, watch, dispatch, ready, dispose } from '../../src/index';
+import { element, property, query, queryAll, on, watch, dispatch, ready, dispose } from 'snice';
 import css from './snice-select.css?inline';
 import type { SelectSize, SelectOption, SniceSelectElement } from './snice-select.types';
 import './snice-option';

package/components/skeleton/snice-skeleton.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready } from '../../src/index';
+import { element, property, watch, ready } from 'snice';
 import css from './snice-skeleton.css?inline';
 import type { SkeletonVariant, SkeletonAnimation, SniceSkeletonElement } from './snice-skeleton.types';
 

package/components/switch/snice-switch.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch, ready } from '../../src/index';
+import { element, property, query, on, watch, dispatch, ready } from 'snice';
 import css from './snice-switch.css?inline';
 import type { SwitchSize, SniceSwitchElement } from './snice-switch.types';
 

package/components/table/snice-cell-boolean.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { BooleanFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-date.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { DateFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-duration.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-filesize.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-number.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { NumberFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-progress.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { ProgressFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 import './snice-progress';

package/components/table/snice-cell-rating.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { RatingFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 import './snice-rating';

package/components/table/snice-cell-sparkline.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query, SimpleArray } from '../../src/index';
+import { element, property, watch, ready, query, SimpleArray } from 'snice';
 import css from './snice-cell.css?inline';
 import type { SparklineFormat, SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell-text.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { SniceCellElement, ColumnType, ColumnAlign, ColumnDefinition } from './snice-table.types';
 

package/components/table/snice-cell.ts

@@ -1,4 +1,4 @@
-import { element, property, watch, ready, query } from '../../src/index';
+import { element, property, watch, ready, query } from 'snice';
 import css from './snice-cell.css?inline';
 import type { 
   SniceCellElement, 

package/components/table/snice-column.ts

@@ -1,4 +1,4 @@
-import { element, property, watch } from '../../src/index';
+import { element, property, watch } from 'snice';
 import type { 
   SniceColumnElement, 
   ColumnType, 

package/components/table/snice-header.ts

@@ -1,4 +1,4 @@
-import { element, property, on, watch, ready, dispatch } from '../../src/index';
+import { element, property, on, watch, ready, dispatch } from 'snice';
 import type { 
   SniceHeaderElement, 
   ColumnDefinition,

package/components/table/snice-progress.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 
 @element('snice-progress')
 export class SniceProgress extends HTMLElement {

package/components/table/snice-rating.ts

@@ -1,4 +1,4 @@
-import { element, property } from '../../src/index';
+import { element, property } from 'snice';
 
 @element('snice-rating')
 export class SniceRating extends HTMLElement {

package/components/table/snice-row.ts

@@ -1,4 +1,4 @@
-import { element, property, on, watch, ready, dispatch } from '../../src/index';
+import { element, property, on, watch, ready, dispatch } from 'snice';
 import css from './snice-row.css?inline';
 import type { 
   SniceRowElement, 

package/components/table/snice-table.ts

@@ -1,4 +1,4 @@
-import { element, on, property, query, request, dispatch, watch } from '../../src/index';
+import { element, on, property, query, request, dispatch, watch } from 'snice';
 import '../input/snice-input';
 import '../select/snice-select';
 import './snice-cell.ts';

package/components/tabs/snice-tab-panel.ts

@@ -1,4 +1,4 @@
-import { element, property, watch } from '../../src/index';
+import { element, property, watch } from 'snice';
 import css from './snice-tab-panel.css?inline';
 import type { SniceTabPanelElement } from './snice-tabs.types';
 

package/components/tabs/snice-tab.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, dispatch } from '../../src/index';
+import { element, property, query, on, dispatch } from 'snice';
 import css from './snice-tab.css?inline';
 import type { TabSelectDetail, TabCloseDetail, SniceTabElement } from './snice-tabs.types';
 

package/components/tabs/snice-tabs.ts

@@ -1,4 +1,4 @@
-import { element, property, query, queryAll, on, watch, ready, dispatch } from '../../src/index';
+import { element, property, query, queryAll, on, watch, ready, dispatch } from 'snice';
 import css from './snice-tabs.css?inline';
 import type { TabsPlacement, SniceTabElement, SniceTabPanelElement, TabChangeDetail, TabSelectDetail } from './snice-tabs.types';
 import { transitions } from '../transitions';

package/components/toast/snice-toast-container.ts

@@ -1,4 +1,4 @@
-import { element, property, ready, dispose } from '../../src/index';
+import { element, property, ready, dispose } from 'snice';
 import { getSymbol } from '../symbols';
 import type { ToastPosition, ToastOptions, ToastEventDetail, ToastResponseEventDetail, SniceToastContainerElement } from './snice-toast.types';
 import './snice-toast';

package/components/toast/snice-toast.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, dispatch } from '../../src/index';
+import { element, property, query, on, watch, dispatch } from 'snice';
 import type { ToastType, SniceToastElement } from './snice-toast.types';
 
 @element('snice-toast')

package/components/tooltip/snice-tooltip.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, watch, ready, dispose } from '../../src/index';
+import { element, property, query, on, watch, ready, dispose } from 'snice';
 import css from './snice-tooltip.css?inline';
 import portalCss from './snice-tooltip-portal.css?inline';
 import type { TooltipPosition, TooltipTrigger, SniceTooltipElement } from './snice-tooltip.types';

package/components/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "outDir": "../dist/components",
+    "rootDir": ".",
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "sourceMap": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "paths": {
+      "snice": ["../dist/index.ts", "../src/index.ts"]
+    }
+  },
+  "include": ["."],
+  "exclude": ["**/*.test.ts", "**/*.spec.ts", "**/*.html", "**/demo*", "**/*.md"]
+}

package/dist/controller.d.ts

@@ -0,0 +1,61 @@
+type Maybe<T> = T | null | undefined;
+export interface IController<T extends HTMLElement = HTMLElement> {
+    element: Maybe<T>;
+    attach(element: T): void | Promise<void>;
+    detach(element: T): void | Promise<void>;
+}
+export type ControllerClass<T extends HTMLElement = HTMLElement> = new () => IController<T>;
+declare class ControllerScope {
+    private cleanupFns;
+    private pendingOperations;
+    register(key: string, cleanup: Function): void;
+    unregister(key: string): void;
+    cleanup(): Promise<void>;
+    runOperation<T>(operation: () => Promise<T>): Promise<T>;
+}
+/**
+ * Decorator to register a controller class with a name
+ * @param name The name to register the controller under
+ */
+export declare function controller(name: string): <T extends ControllerClass>(constructor: T) => T;
+/**
+ * Attaches a controller to an element
+ * @param element The element to attach the controller to
+ * @param controllerName The name of the controller to attach
+ */
+export declare function attachController(element: HTMLElement, controllerName: string): Promise<void>;
+/**
+ * Detaches a controller from an element
+ * @param element The element to detach the controller from
+ */
+export declare function detachController(element: HTMLElement): Promise<void>;
+/**
+ * Gets the controller instance attached to an element
+ * @param element The element to get the controller from
+ * @returns The controller instance or undefined
+ */
+export declare function getController<T extends IController = IController>(element: HTMLElement): T | undefined;
+/**
+ * Gets the controller scope for an element
+ * @param element The element to get the scope from
+ * @returns The controller scope or undefined
+ */
+export declare function getControllerScope(element: HTMLElement): ControllerScope | undefined;
+/**
+ * Enable controller support for native HTML elements
+ * This sets up a MutationObserver to watch for controller attributes
+ * on non-custom elements (elements without hyphens in their tag names)
+ */
+export declare function useNativeElementControllers(): void;
+/**
+ * Stop watching for native element controllers
+ */
+export declare function cleanupNativeElementControllers(): void;
+/**
+ * Registers a cleanup function for the current controller
+ * @param controller The controller instance
+ * @param key A unique key for this cleanup function
+ * @param cleanup The cleanup function to register
+ */
+export declare function registerControllerCleanup(controller: IController, key: string, cleanup: Function): void;
+export {};