@almadar/std 16.238.0 → 16.241.0

package/behaviors/lolo/ui/core/organisms/ui-master-detail.lolo

@@ -1,276 +0,0 @@
-app ui-master-detail "1.0.0"
-"MasterDetail — UI factory (1:1 with the @almadar/ui master-detail pattern)."
-;; @pattern "master-detail"
-orbital MasterDetailOrbital {
-    type MasterDetailLoaded = Event { data : [MasterDetailItem] } "MasterDetail rows finished loading; payload.data holds the collection"
-  type MasterDetailError = {
-    message : string!
-    name : string
-    code : string
-    stack : string
-  }
-
-  entity MasterDetailItem [runtime] {
-    id : string!
-  }
-
-  trait MasterDetailRender -> @rebindable MasterDetailItem [interaction, instance] {
-    initial: idle
-
-    state idle {
-      INIT -> idle when @config.selfFetch
-        (fetch MasterDetailItem { emit: { success: MasterDetailLoaded } })
-        (render-ui main {
-          className: @config.className
-          isLoading: @config.isLoading
-          error: @config.error
-          sortBy: @config.sortBy
-          sortDirection: @config.sortDirection
-          searchValue: @config.searchValue
-          page: @config.pageProp
-          pageSize: @config.pageSize
-          totalCount: @config.totalCount
-          activeFilters: @config.activeFilters
-          selectedIds: @config.selectedIds
-          entity: @entity
-          masterFields: @config.masterFields
-          detailFields: @config.detailFields
-          loading: @config.loading
-          enter: @config.enter
-          enterDelay: @config.enterDelay
-          aria-label: @config.ariaLabel
-          aria-labelledby: @config.ariaLabelledby
-          aria-describedby: @config.ariaDescribedby
-          aria-live: @config.ariaLive
-          aria-current: @config.ariaCurrent
-          aria-pressed: @config.ariaPressed
-          aria-expanded: @config.ariaExpanded
-          aria-selected: @config.ariaSelected
-          aria-hidden: @config.ariaHidden
-          aria-busy: @config.ariaBusy
-          role: @config.role
-          lang: @config.lang
-          dir: @config.dir
-          tabIndex: @config.tabIndex
-          type: master-detail
-        })
-      INIT -> idle when (not @config.selfFetch)
-        (render-ui main {
-          className: @config.className
-          isLoading: @config.isLoading
-          error: @config.error
-          sortBy: @config.sortBy
-          sortDirection: @config.sortDirection
-          searchValue: @config.searchValue
-          page: @config.pageProp
-          pageSize: @config.pageSize
-          totalCount: @config.totalCount
-          activeFilters: @config.activeFilters
-          selectedIds: @config.selectedIds
-          entity: @entity
-          masterFields: @config.masterFields
-          detailFields: @config.detailFields
-          loading: @config.loading
-          enter: @config.enter
-          enterDelay: @config.enterDelay
-          aria-label: @config.ariaLabel
-          aria-labelledby: @config.ariaLabelledby
-          aria-describedby: @config.ariaDescribedby
-          aria-live: @config.ariaLive
-          aria-current: @config.ariaCurrent
-          aria-pressed: @config.ariaPressed
-          aria-expanded: @config.ariaExpanded
-          aria-selected: @config.ariaSelected
-          aria-hidden: @config.ariaHidden
-          aria-busy: @config.ariaBusy
-          role: @config.role
-          lang: @config.lang
-          dir: @config.dir
-          tabIndex: @config.tabIndex
-          type: master-detail
-        })
-      MasterDetailLoaded -> idle
-        (render-ui main {
-          className: @config.className
-          isLoading: @config.isLoading
-          error: @config.error
-          sortBy: @config.sortBy
-          sortDirection: @config.sortDirection
-          searchValue: @config.searchValue
-          page: @config.pageProp
-          pageSize: @config.pageSize
-          totalCount: @config.totalCount
-          activeFilters: @config.activeFilters
-          selectedIds: @config.selectedIds
-          entity: @payload.data
-          masterFields: @config.masterFields
-          detailFields: @config.detailFields
-          loading: @config.loading
-          enter: @config.enter
-          enterDelay: @config.enterDelay
-          aria-label: @config.ariaLabel
-          aria-labelledby: @config.ariaLabelledby
-          aria-describedby: @config.ariaDescribedby
-          aria-live: @config.ariaLive
-          aria-current: @config.ariaCurrent
-          aria-pressed: @config.ariaPressed
-          aria-expanded: @config.ariaExpanded
-          aria-selected: @config.ariaSelected
-          aria-hidden: @config.ariaHidden
-          aria-busy: @config.ariaBusy
-          role: @config.role
-          lang: @config.lang
-          dir: @config.dir
-          tabIndex: @config.tabIndex
-          type: master-detail
-        })
-    }
-
-    emits {
-      MasterDetailLoaded
-        @description "MasterDetail rows finished loading; payload.data holds the collection."
-        @synonyms "loaded, fetched, retrieved"
-        @tier "essential"
-    }
-
-    config {
-      className : string
-        @label "Class Name"
-        @description "Additional CSS classes"
-        @tier "presentation"
-      isLoading : boolean
-        @label "Is Loading"
-        @description "Loading state indicator"
-        @tier "presentation"
-      error : MasterDetailError
-        @label "Error"
-        @description "Error state (UiError)"
-        @tier "presentation"
-      sortBy : string
-        @label "Sort By"
-        @description "Current sort field"
-        @tier "presentation"
-      sortDirection : "asc" | "desc"
-        @label "Sort Direction"
-        @description "Current sort direction"
-        @tier "presentation"
-      searchValue : string
-        @label "Search Value"
-        @description "Current search query value"
-        @tier "presentation"
-      pageProp : number
-        @label "Page"
-        @description "Current page number"
-        @synonyms "page"
-        @tier "presentation"
-      pageSize : number
-        @label "Page Size"
-        @description "Number of items per page"
-        @tier "presentation"
-      totalCount : number
-        @label "Total Count"
-        @description "Total number of items"
-        @tier "presentation"
-      activeFilters : Map string string = {}
-        @label "Active Filters"
-        @description "Active filters"
-        @tier "presentation"
-      selectedIds : [string] = []
-        @label "Selected Ids"
-        @description "Currently selected item IDs"
-        @tier "presentation"
-      masterFields : [string] = ["Item", "Item 2"]
-        @label "Master Fields"
-        @description "Fields to show in the master list (maps to DataTable columns)"
-        @tier "presentation"
-      detailFields : [string] = []
-        @label "Detail Fields"
-        @description "Fields for detail view (passed through but typically handled by separate render_ui)"
-        @tier "presentation"
-      loading : boolean
-        @label "Loading"
-        @description "Loading state (alias for isLoading)"
-        @tier "presentation"
-      enter : "none" | "fade" | "rise" | "scale" | "slide"
-        @label "Enter"
-        @description "How this element animates in when it mounts (theme-styled); overrides the theme's default slot entry. `none` opts out."
-        @tier "presentation"
-      enterDelay : number
-        @label "Enter Delay"
-        @description "Stagger step for the entry: waits this many `--motion-enter-stagger` steps before animating."
-        @tier "presentation"
-      ariaLabel : string
-        @label "Aria-label"
-        @description "Accessible name read by screen readers when the visible text is missing or not descriptive (e.g. an icon-only control)."
-        @synonyms "aria-label"
-        @tier "presentation"
-      ariaLabelledby : string
-        @label "Aria-labelledby"
-        @description "Id of the element whose text names this one."
-        @synonyms "aria-labelledby"
-        @tier "presentation"
-      ariaDescribedby : string
-        @label "Aria-describedby"
-        @description "Id of the element whose text describes this one (help text, error)."
-        @synonyms "aria-describedby"
-        @tier "presentation"
-      ariaLive : "off" | "polite" | "assertive"
-        @label "Aria-live"
-        @description "Announce changes to this region: polite waits for a pause, assertive interrupts."
-        @synonyms "aria-live"
-        @tier "presentation"
-      ariaCurrent : "page" | "step" | "location" | "date" | "time" | "true" | "false"
-        @label "Aria-current"
-        @description "Marks the current item in a set: the current page, step, location, date or time."
-        @synonyms "aria-current"
-        @tier "presentation"
-      ariaPressed : "true" | "false" | "mixed"
-        @label "Aria-pressed"
-        @description "Toggle-button state."
-        @synonyms "aria-pressed"
-        @tier "presentation"
-      ariaExpanded : boolean
-        @label "Aria-expanded"
-        @description "Whether the element it controls is expanded."
-        @synonyms "aria-expanded"
-        @tier "presentation"
-      ariaSelected : boolean
-        @label "Aria-selected"
-        @description "Whether this item is selected (tabs, options, grid cells)."
-        @synonyms "aria-selected"
-        @tier "presentation"
-      ariaHidden : boolean
-        @label "Aria-hidden"
-        @description "Hide from assistive technology (decorative content only)."
-        @synonyms "aria-hidden"
-        @tier "presentation"
-      ariaBusy : boolean
-        @label "Aria-busy"
-        @description "This region is updating; assistive technology waits before announcing it."
-        @synonyms "aria-busy"
-        @tier "presentation"
-      role : "alert" | "alertdialog" | "application" | "article" | "banner" | "blockquote" | "button" | "caption" | "cell" | "checkbox" | "code" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "deletion" | "dialog" | "document" | "emphasis" | "feed" | "figure" | "form" | "generic" | "grid" | "gridcell" | "group" | "heading" | "img" | "insertion" | "link" | "list" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "meter" | "navigation" | "none" | "note" | "option" | "paragraph" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "strong" | "subscript" | "superscript" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "time" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem"
-        @label "Role"
-        @description "WAI-ARIA role when the element's native semantics don't describe it."
-        @tier "presentation"
-      lang : string
-        @label "Lang"
-        @description "Language of this element's content (BCP 47, e.g. ar, sl, en)."
-        @tier "presentation"
-      dir : "ltr" | "rtl" | "auto"
-        @label "Dir"
-        @description "Text direction of this element's content."
-        @tier "presentation"
-      tabIndex : number
-        @label "Tab Index"
-        @description "0 puts the element in the Tab order; -1 makes it focusable only programmatically."
-        @tier "presentation"
-      selfFetch : boolean = true
-        @label "Fetch its own rows on mount?"
-        @description "true (default) = standalone mount self-populates on INIT. false = a composing atom owns the fetch and routes its loaded event here — suppresses the wrapper's own un-hydrated fetch so it cannot race the composer's."
-        @tier "internal"
-    }
-  }
-
-  page "/master-detail" as MasterDetailPage -> MasterDetailRender
-}