mithril-materialized 2.0.0-beta.3 → 2.0.0-beta.6

package/dist/autocomplete.d.ts

@@ -1,6 +1,6 @@
 import { FactoryComponent } from 'mithril';
-import { InputAttributes } from './input-options';
-export interface AutoCompleteAttributes extends InputAttributes<string> {
+import { InputAttrs } from './input-options';
+export interface AutoCompleteAttrs extends InputAttrs<string> {
     /** The data object defining the autocomplete options */
     data?: Record<string, string | null>;
     /** Limit of how many options are shown. Default: Infinity */
@@ -11,4 +11,4 @@ export interface AutoCompleteAttributes extends InputAttributes<string> {
     onAutocomplete?: (value: string) => void;
 }
 /** Component to auto complete your text input - Pure Mithril implementation */
-export declare const Autocomplete: FactoryComponent<AutoCompleteAttributes>;
+export declare const Autocomplete: FactoryComponent<AutoCompleteAttrs>;

package/dist/breadcrumb.d.ts

@@ -0,0 +1,53 @@
+import { FactoryComponent, Attributes } from 'mithril';
+export interface BreadcrumbItemAttrs {
+    /** Text content of the breadcrumb item */
+    text?: string;
+    /** URL for the breadcrumb item */
+    href?: string;
+    /** Whether this item is the current/active item */
+    active?: boolean;
+    /** Click handler for the breadcrumb item */
+    onclick?: (e: Event) => void;
+    /** Icon name (material icons) */
+    icon?: string;
+    /** Custom class for the item */
+    className?: string;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+}
+export interface BreadcrumbAttrs extends Attributes {
+    /** Array of breadcrumb items */
+    items: BreadcrumbItemAttrs[];
+    /** Custom separator between items */
+    separator?: string;
+    /** Custom class for the breadcrumb container */
+    className?: string;
+    /** Whether to show icons */
+    showIcons?: boolean;
+    /** Maximum number of items to show before collapsing */
+    maxItems?: number;
+    /** Whether to show home icon for first item */
+    showHome?: boolean;
+}
+/**
+ * Breadcrumb Component
+ * Displays a navigation path showing the user's location within a site hierarchy
+ */
+export declare const Breadcrumb: FactoryComponent<BreadcrumbAttrs>;
+/**
+ * Simple Breadcrumb utility for common use cases
+ */
+export declare const createBreadcrumb: (path: string, basePath?: string) => BreadcrumbItemAttrs[];
+/**
+ * Breadcrumb utilities
+ */
+export declare class BreadcrumbManager {
+    /**
+     * Create breadcrumb items from a route path
+     */
+    static fromRoute(route: string, routeConfig?: Record<string, string>): BreadcrumbItemAttrs[];
+    /**
+     * Create breadcrumb items from a hierarchical object
+     */
+    static fromHierarchy(hierarchy: any[], textKey?: string, pathKey?: string): BreadcrumbItemAttrs[];
+}

package/dist/button.d.ts

@@ -1,5 +1,5 @@
 import m, { FactoryComponent, Attributes } from 'mithril';
-export interface HtmlAttributes {
+export interface HtmlAttrs {
     id?: string;
     for?: string;
     placeholder?: string;
@@ -7,7 +7,7 @@ export interface HtmlAttributes {
     disabled?: boolean;
     type?: 'submit' | 'button' | 'text' | 'textarea' | 'number';
 }
-export interface ButtonAttributes extends Attributes {
+export interface ButtonAttrs extends Attributes {
     /** Optional (e.g. in case you only want to use an icon) button label */
     label?: string;
     /** Optional icon material-icons name, @see https://materializecss.com/icons.html */
@@ -20,7 +20,7 @@ export interface ButtonAttributes extends Attributes {
      */
     modalId?: string;
     /** Some additional HTML attributes that can be attached to the button */
-    attr?: HtmlAttributes;
+    attr?: HtmlAttrs;
     /** Optional text-based tooltip, @see https://materializecss.com/tooltips.html */
     tooltip?: string;
     /** Optional location for the tooltip */
@@ -31,10 +31,10 @@ export interface ButtonAttributes extends Attributes {
  *
  * @example FlatButton = ButtonFactory('a.waves-effect.waves-teal.btn-flat');
  */
-export declare const ButtonFactory: (element: string, defaultClassNames: string, type?: string) => FactoryComponent<ButtonAttributes>;
-export declare const Button: m.FactoryComponent<ButtonAttributes>;
-export declare const LargeButton: m.FactoryComponent<ButtonAttributes>;
-export declare const SmallButton: m.FactoryComponent<ButtonAttributes>;
-export declare const FlatButton: m.FactoryComponent<ButtonAttributes>;
-export declare const RoundIconButton: m.FactoryComponent<ButtonAttributes>;
-export declare const SubmitButton: m.FactoryComponent<ButtonAttributes>;
+export declare const ButtonFactory: (element: string, defaultClassNames: string, type?: string) => FactoryComponent<ButtonAttrs>;
+export declare const Button: m.FactoryComponent<ButtonAttrs>;
+export declare const LargeButton: m.FactoryComponent<ButtonAttrs>;
+export declare const SmallButton: m.FactoryComponent<ButtonAttrs>;
+export declare const FlatButton: m.FactoryComponent<ButtonAttrs>;
+export declare const RoundIconButton: m.FactoryComponent<ButtonAttrs>;
+export declare const SubmitButton: m.FactoryComponent<ButtonAttrs>;

package/dist/carousel.d.ts

@@ -25,7 +25,7 @@ export interface CarouselOptions {
     /** Don't wrap around and cycle through items */
     noWrap?: boolean;
 }
-export interface CarouselAttributes extends CarouselOptions, Attributes {
+export interface CarouselAttrs extends CarouselOptions, Attributes {
     /** The list of images */
     items: CarouselItem[];
     /** Called when carousel item changes */
@@ -35,4 +35,4 @@ export interface CarouselAttributes extends CarouselOptions, Attributes {
  * Materialize CSS Carousel component with dynamic positioning
  * Port of the original MaterializeCSS carousel logic
  */
-export declare const Carousel: FactoryComponent<CarouselAttributes>;
+export declare const Carousel: FactoryComponent<CarouselAttrs>;

package/dist/chip.d.ts

@@ -7,7 +7,7 @@ export interface ChipData {
 export interface AutocompleteOption extends ChipData {
     value?: string;
 }
-export interface ChipsAttributes {
+export interface ChipsAttrs {
     id?: string;
     data?: ChipData[];
     placeholder?: string;
@@ -28,4 +28,4 @@ export interface ChipsAttributes {
     onChipDelete?: (chip: ChipData) => void;
     onChipSelect?: (chip: ChipData) => void;
 }
-export declare const Chips: m.FactoryComponent<ChipsAttributes>;
+export declare const Chips: m.FactoryComponent<ChipsAttrs>;

package/dist/code-block.d.ts

@@ -1,8 +1,8 @@
 import { FactoryComponent, Attributes } from 'mithril';
-export interface CodeBlockAttributes extends Attributes {
+export interface CodeBlockAttrs extends Attributes {
     language?: string;
     code: string | string[];
     newRow?: boolean;
 }
 /** A simple code block without syntax high-lighting */
-export declare const CodeBlock: FactoryComponent<CodeBlockAttributes>;
+export declare const CodeBlock: FactoryComponent<CodeBlockAttrs>;

package/dist/collapsible.d.ts

@@ -9,7 +9,7 @@ export interface CollapsibleItem extends Attributes {
     /** Add an material icon in front of the header. */
     iconName?: string;
 }
-export interface CollapsibleAttributes extends Attributes {
+export interface CollapsibleAttrs extends Attributes {
     /** The list of accordeon/collabsible items */
     items: CollapsibleItem[];
     /** If true, only one item can be expanded at a time (accordion mode) */
@@ -23,4 +23,4 @@ export declare const CollapsibleItem: FactoryComponent<CollapsibleItem & {
  * Creates a collabsible or accordion component with pure CSS/Mithril implementation.
  * No MaterializeCSS JavaScript dependencies.
  */
-export declare const Collapsible: FactoryComponent<CollapsibleAttributes>;
+export declare const Collapsible: FactoryComponent<CollapsibleAttrs>;

package/dist/collection.d.ts

@@ -26,7 +26,7 @@ export interface CollectionItem {
     /** Any other virtual element properties, including attributes and event handlers. */
     [property: string]: any;
 }
-export interface CollectionAttributes extends Attributes {
+export interface CollectionAttrs extends Attributes {
     /** Optional header */
     header?: string;
     /** The list of items */
@@ -46,4 +46,4 @@ export declare const AnchorItem: FactoryComponent<{
  * Creates a Collection of items, optionally containing links, headers, secondary content or avatars.
  * @see https://materializecss.com/collections.html
  */
-export declare const Collection: FactoryComponent<CollectionAttributes>;
+export declare const Collection: FactoryComponent<CollectionAttrs>;