luxen-ui 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2048,7 +2048,7 @@
2048
2048
  {
2049
2049
  "kind": "variable",
2050
2050
  "name": "u",
2051
- "default": "class extends n{constructor(...e){super(...e),this.title=``,this.open=!1,this.lightDismiss=!1,this._mouseDownTarget=null,this._commandListener={handleEvent:e=>this._onCommand(e)}}static{this.styles=[o,s]}connectedCallback(){super.connectedCallback(),this.addEventListener(`command`,this._commandListener)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`command`,this._commandListener)}firstUpdated(){this.dialog.addEventListener(`cancel`,e=>this._onCancel(e)),this.dialog.addEventListener(`close`,()=>this._onNativeClose()),this.dialog.addEventListener(`mousedown`,e=>{this._mouseDownTarget=e.target}),this.dialog.addEventListener(`click`,e=>this._onDialogClick(e))}updated(e){if(e.has(`open`)){if(this.open&&!this.dialog.open)this.emit(`show`),this.toggleAttribute(`data-modal`,!0),this.dialog.showModal(),this._focusAutofocusTarget(),this._emitAfter(`after-show`);else if(!this.open&&this.dialog.open){if(!this.emit(`hide`,{cancelable:!0})){this.open=!0;return}this.dialog.close()}}}_onCommand(e){switch(e.command){case`--hide`:this.open=!1;break;case`--show`:this.open=!0;break}}_onCancel(e){this.emit(`hide`,{cancelable:!0})||e.preventDefault()}_onNativeClose(){this.open=!1,this.removeAttribute(`data-modal`),this._emitAfter(`after-hide`)}_onDialogClick(e){let t=e.target===this.dialog&&this._mouseDownTarget===this.dialog;if(this._mouseDownTarget=null,t){if(this.lightDismiss){c||(this.open=!1);return}this._nudgeDismiss()}}_nudgeDismiss(){matchMedia(`(prefers-reduced-motion: reduce)`).matches||(this._nudgeAnimation?.cancel(),this._nudgeAnimation=this.dialog.animate([{transform:`scale(1)`},{transform:`scale(1.02)`},{transform:`scale(1)`}],{duration:250,easing:`ease-in-out`}))}async _emitAfter(e){await new Promise(e=>requestAnimationFrame(()=>e(null)));let t=this.dialog.getAnimations({subtree:!1});await Promise.all(t.map(e=>e.finished.catch(()=>{}))),e===`after-show`===this.open&&this.emit(e)}_focusAutofocusTarget(){this.querySelector(`[autofocus]`)?.focus({preventScroll:!0})}render(){return e` <dialog part=\"dialog\" closedby=${this.lightDismiss&&c?`any`:t} > <header part=\"header\"> <h2 part=\"title\">${this.title}</h2> <slot name=\"close\"></slot> </header> <div part=\"body\"> <slot></slot> </div> <footer part=\"footer\"> <slot name=\"footer\"></slot> </footer> </dialog> `}}"
2051
+ "default": "class extends n{constructor(...e){super(...e),this.title=``,this.open=!1,this.lightDismiss=!1,this.withoutHeader=!1,this._mouseDownTarget=null,this._commandListener={handleEvent:e=>this._onCommand(e)}}static{this.styles=[o,s]}connectedCallback(){super.connectedCallback(),this.addEventListener(`command`,this._commandListener)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`command`,this._commandListener)}firstUpdated(){this.dialog.addEventListener(`cancel`,e=>this._onCancel(e)),this.dialog.addEventListener(`close`,()=>this._onNativeClose()),this.dialog.addEventListener(`mousedown`,e=>{this._mouseDownTarget=e.target}),this.dialog.addEventListener(`click`,e=>this._onDialogClick(e))}updated(e){if(e.has(`open`)){if(this.open&&!this.dialog.open)this.emit(`show`),this.toggleAttribute(`data-modal`,!0),this.dialog.showModal(),this._focusAutofocusTarget(),this._emitAfter(`after-show`);else if(!this.open&&this.dialog.open){if(!this.emit(`hide`,{cancelable:!0})){this.open=!0;return}this.dialog.close()}}}_onCommand(e){switch(e.command){case`--hide`:this.open=!1;break;case`--show`:this.open=!0;break}}_onCancel(e){this.emit(`hide`,{cancelable:!0})||e.preventDefault()}_onNativeClose(){this.open=!1,this.removeAttribute(`data-modal`),this._emitAfter(`after-hide`)}_onDialogClick(e){let t=e.target===this.dialog&&this._mouseDownTarget===this.dialog;if(this._mouseDownTarget=null,t){if(this.lightDismiss){c||(this.open=!1);return}this._nudgeDismiss()}}_nudgeDismiss(){matchMedia(`(prefers-reduced-motion: reduce)`).matches||(this._nudgeAnimation?.cancel(),this._nudgeAnimation=this.dialog.animate([{transform:`scale(1)`},{transform:`scale(1.02)`},{transform:`scale(1)`}],{duration:250,easing:`ease-in-out`}))}async _emitAfter(e){await new Promise(e=>requestAnimationFrame(()=>e(null)));let t=this.dialog.getAnimations({subtree:!1});await Promise.all(t.map(e=>e.finished.catch(()=>{}))),e===`after-show`===this.open&&this.emit(e)}_focusAutofocusTarget(){this.querySelector(`[autofocus]`)?.focus({preventScroll:!0})}render(){return e` <dialog part=\"dialog\" closedby=${this.lightDismiss&&c?`any`:t} > ${this.withoutHeader?t:e` <header part=\"header\"> <slot name=\"title\"> ${this.title?e`<h2 part=\"title\">${this.title}</h2>`:t} </slot> <slot name=\"close\"></slot> </header> `} <div part=\"body\"> <slot></slot> </div> <footer part=\"footer\"> <slot name=\"footer\"></slot> </footer> </dialog> `}}"
2052
2052
  }
2053
2053
  ],
2054
2054
  "exports": [
@@ -3299,6 +3299,10 @@
3299
3299
  "description": "Body content.",
3300
3300
  "name": ""
3301
3301
  },
3302
+ {
3303
+ "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property.",
3304
+ "name": "title"
3305
+ },
3302
3306
  {
3303
3307
  "description": "Close button (typically `<button class=\"l-close\">`).",
3304
3308
  "name": "close"
@@ -3384,6 +3388,15 @@
3384
3388
  "description": "Close when the backdrop is clicked.",
3385
3389
  "default": "false"
3386
3390
  },
3391
+ {
3392
+ "kind": "field",
3393
+ "name": "withoutHeader",
3394
+ "type": {
3395
+ "text": "boolean"
3396
+ },
3397
+ "description": "Hide the header entirely (title and close slot).",
3398
+ "default": "false"
3399
+ },
3387
3400
  {
3388
3401
  "kind": "field",
3389
3402
  "name": "_mouseDownTarget",
@@ -3731,6 +3744,14 @@
3731
3744
  "name": "LuxenDialog",
3732
3745
  "module": "src/html/elements/dialog/dialog.ts"
3733
3746
  }
3747
+ },
3748
+ {
3749
+ "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property.",
3750
+ "name": "title",
3751
+ "inheritedFrom": {
3752
+ "name": "LuxenDialog",
3753
+ "module": "src/html/elements/dialog/dialog.ts"
3754
+ }
3734
3755
  }
3735
3756
  ],
3736
3757
  "events": [
@@ -3810,6 +3831,19 @@
3810
3831
  "name": "LuxenDialog",
3811
3832
  "module": "src/html/elements/dialog/dialog.ts"
3812
3833
  }
3834
+ },
3835
+ {
3836
+ "name": "without-header",
3837
+ "type": {
3838
+ "text": "boolean"
3839
+ },
3840
+ "default": "false",
3841
+ "description": "Hide the header entirely (title and close slot).",
3842
+ "fieldName": "withoutHeader",
3843
+ "inheritedFrom": {
3844
+ "name": "LuxenDialog",
3845
+ "module": "src/html/elements/dialog/dialog.ts"
3846
+ }
3813
3847
  }
3814
3848
  ],
3815
3849
  "members": [
@@ -3857,6 +3891,21 @@
3857
3891
  "module": "src/html/elements/dialog/dialog.ts"
3858
3892
  }
3859
3893
  },
3894
+ {
3895
+ "kind": "field",
3896
+ "name": "withoutHeader",
3897
+ "type": {
3898
+ "text": "boolean"
3899
+ },
3900
+ "default": "false",
3901
+ "description": "Hide the header entirely (title and close slot).",
3902
+ "attribute": "without-header",
3903
+ "reflects": true,
3904
+ "inheritedFrom": {
3905
+ "name": "LuxenDialog",
3906
+ "module": "src/html/elements/dialog/dialog.ts"
3907
+ }
3908
+ },
3860
3909
  {
3861
3910
  "kind": "field",
3862
3911
  "name": "dialog",
@@ -9043,6 +9092,10 @@
9043
9092
  "description": "Body content.",
9044
9093
  "name": ""
9045
9094
  },
9095
+ {
9096
+ "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property.",
9097
+ "name": "title"
9098
+ },
9046
9099
  {
9047
9100
  "description": "Close button (typically `<button class=\"l-close\">`).",
9048
9101
  "name": "close"
@@ -9085,6 +9138,17 @@
9085
9138
  "attribute": "light-dismiss",
9086
9139
  "reflects": true
9087
9140
  },
9141
+ {
9142
+ "kind": "field",
9143
+ "name": "withoutHeader",
9144
+ "type": {
9145
+ "text": "boolean"
9146
+ },
9147
+ "default": "false",
9148
+ "description": "Hide the header entirely (title and close slot).",
9149
+ "attribute": "without-header",
9150
+ "reflects": true
9151
+ },
9088
9152
  {
9089
9153
  "kind": "field",
9090
9154
  "name": "dialog",
@@ -9262,6 +9326,15 @@
9262
9326
  "default": "false",
9263
9327
  "description": "Close when the backdrop is clicked.",
9264
9328
  "fieldName": "lightDismiss"
9329
+ },
9330
+ {
9331
+ "name": "without-header",
9332
+ "type": {
9333
+ "text": "boolean"
9334
+ },
9335
+ "default": "false",
9336
+ "description": "Hide the header entirely (title and close slot).",
9337
+ "fieldName": "withoutHeader"
9265
9338
  }
9266
9339
  ],
9267
9340
  "superclass": {
@@ -9562,6 +9635,14 @@
9562
9635
  "name": "LuxenDialog",
9563
9636
  "module": "src/html/elements/dialog/dialog.ts"
9564
9637
  }
9638
+ },
9639
+ {
9640
+ "description": "Custom heading element. Overrides the default `<h2>` rendered from the `title` property.",
9641
+ "name": "title",
9642
+ "inheritedFrom": {
9643
+ "name": "LuxenDialog",
9644
+ "module": "src/html/elements/dialog/dialog.ts"
9645
+ }
9565
9646
  }
9566
9647
  ],
9567
9648
  "members": [
@@ -9619,6 +9700,21 @@
9619
9700
  "module": "src/html/elements/dialog/dialog.ts"
9620
9701
  }
9621
9702
  },
9703
+ {
9704
+ "kind": "field",
9705
+ "name": "withoutHeader",
9706
+ "type": {
9707
+ "text": "boolean"
9708
+ },
9709
+ "default": "false",
9710
+ "description": "Hide the header entirely (title and close slot).",
9711
+ "attribute": "without-header",
9712
+ "reflects": true,
9713
+ "inheritedFrom": {
9714
+ "name": "LuxenDialog",
9715
+ "module": "src/html/elements/dialog/dialog.ts"
9716
+ }
9717
+ },
9622
9718
  {
9623
9719
  "kind": "field",
9624
9720
  "name": "dialog",
@@ -9876,6 +9972,19 @@
9876
9972
  "name": "LuxenDialog",
9877
9973
  "module": "src/html/elements/dialog/dialog.ts"
9878
9974
  }
9975
+ },
9976
+ {
9977
+ "name": "without-header",
9978
+ "type": {
9979
+ "text": "boolean"
9980
+ },
9981
+ "default": "false",
9982
+ "description": "Hide the header entirely (title and close slot).",
9983
+ "fieldName": "withoutHeader",
9984
+ "inheritedFrom": {
9985
+ "name": "LuxenDialog",
9986
+ "module": "src/html/elements/dialog/dialog.ts"
9987
+ }
9879
9988
  }
9880
9989
  ],
9881
9990
  "superclass": {
@@ -13857,405 +13966,185 @@
13857
13966
  },
13858
13967
  {
13859
13968
  "kind": "javascript-module",
13860
- "path": "src/html/shared/controllers/popover.ts",
13969
+ "path": "src/html/elements/tree-item/index.ts",
13970
+ "declarations": [],
13971
+ "exports": [
13972
+ {
13973
+ "kind": "js",
13974
+ "name": "*",
13975
+ "declaration": {
13976
+ "name": "*",
13977
+ "module": "src/html/elements/tree-item/tree-item"
13978
+ }
13979
+ }
13980
+ ]
13981
+ },
13982
+ {
13983
+ "kind": "javascript-module",
13984
+ "path": "src/html/elements/tree-item/tree-item.ts",
13861
13985
  "declarations": [
13862
13986
  {
13863
13987
  "kind": "class",
13864
- "description": "",
13865
- "name": "PopoverController",
13988
+ "description": "A node inside `<l-tree>`. Nested `<l-tree-item>` children become sub-nodes.",
13989
+ "name": "LuxenTreeItem",
13990
+ "cssProperties": [
13991
+ {
13992
+ "description": "Internal depth index driving indentation. Set by `<l-tree>`. Layout tokens (`--chevron-size`, `--row-height`, `--row-padding-inline`, `--item-gap`) live on `<l-tree>` and cascade down — see its CSS custom properties.",
13993
+ "name": "--_depth"
13994
+ }
13995
+ ],
13996
+ "cssParts": [
13997
+ {
13998
+ "description": "The item row.",
13999
+ "name": "base"
14000
+ },
14001
+ {
14002
+ "description": "The chevron toggle area.",
14003
+ "name": "expand-button"
14004
+ },
14005
+ {
14006
+ "description": "The native checkbox input.",
14007
+ "name": "checkbox"
14008
+ },
14009
+ {
14010
+ "description": "The label container.",
14011
+ "name": "label"
14012
+ },
14013
+ {
14014
+ "description": "Wrapper around the content and children slots; carries the indent guide.",
14015
+ "name": "branch"
14016
+ },
14017
+ {
14018
+ "description": "The content slot wrapper (block area between the row and the children).",
14019
+ "name": "content"
14020
+ },
14021
+ {
14022
+ "description": "The nested items container.",
14023
+ "name": "children"
14024
+ }
14025
+ ],
14026
+ "slots": [
14027
+ {
14028
+ "description": "Label content (kept to a single row).",
14029
+ "name": ""
14030
+ },
14031
+ {
14032
+ "description": "Leading content before the label (e.g. icon).",
14033
+ "name": "prefix"
14034
+ },
14035
+ {
14036
+ "description": "Trailing content.",
14037
+ "name": "suffix"
14038
+ },
14039
+ {
14040
+ "description": "Icon shown when the item is collapsed.",
14041
+ "name": "expand-icon"
14042
+ },
14043
+ {
14044
+ "description": "Icon shown when the item is expanded.",
14045
+ "name": "collapse-icon"
14046
+ },
14047
+ {
14048
+ "description": "Block content that belongs to the item but not to its header row (e.g. comment body, action bar). Hidden when a branch is collapsed.",
14049
+ "name": "content"
14050
+ }
14051
+ ],
13866
14052
  "members": [
13867
14053
  {
13868
14054
  "kind": "field",
13869
- "name": "_host",
13870
- "type": {
13871
- "text": "ReactiveControllerHost & HTMLElement"
13872
- },
13873
- "privacy": "private",
13874
- "default": "host"
14055
+ "name": "_internals",
14056
+ "privacy": "private"
13875
14057
  },
13876
14058
  {
13877
14059
  "kind": "field",
13878
- "name": "_config",
14060
+ "name": "_childObserver",
13879
14061
  "type": {
13880
- "text": "PopoverControllerConfig"
14062
+ "text": "MutationObserver | undefined"
13881
14063
  },
13882
- "privacy": "private",
13883
- "default": "config"
14064
+ "privacy": "private"
13884
14065
  },
13885
14066
  {
13886
14067
  "kind": "field",
13887
- "name": "_cleanupAutoUpdate",
14068
+ "name": "expanded",
13888
14069
  "type": {
13889
- "text": "() => void | undefined"
14070
+ "text": "boolean"
13890
14071
  },
13891
- "privacy": "private"
14072
+ "default": "false",
14073
+ "description": "Whether the item is expanded.",
14074
+ "attribute": "expanded",
14075
+ "reflects": true
13892
14076
  },
13893
14077
  {
13894
14078
  "kind": "field",
13895
- "name": "_cleanupSafePolygon",
14079
+ "name": "selected",
13896
14080
  "type": {
13897
- "text": "() => void | undefined"
14081
+ "text": "boolean"
13898
14082
  },
13899
- "privacy": "private"
14083
+ "default": "false",
14084
+ "description": "Whether the item is selected.",
14085
+ "attribute": "selected",
14086
+ "reflects": true
13900
14087
  },
13901
14088
  {
13902
14089
  "kind": "field",
13903
- "name": "_handlers",
14090
+ "name": "indeterminate",
13904
14091
  "type": {
13905
- "text": "TriggerHandlers | undefined"
14092
+ "text": "boolean"
13906
14093
  },
13907
- "privacy": "private"
14094
+ "default": "false",
14095
+ "description": "Whether the checkbox is indeterminate (some descendants selected).",
14096
+ "attribute": "indeterminate",
14097
+ "reflects": true
13908
14098
  },
13909
14099
  {
13910
14100
  "kind": "field",
13911
- "name": "_triggerElement",
14101
+ "name": "disabled",
13912
14102
  "type": {
13913
- "text": "HTMLElement | null | undefined"
14103
+ "text": "boolean"
13914
14104
  },
13915
- "privacy": "private"
14105
+ "default": "false",
14106
+ "description": "Whether the item is disabled.",
14107
+ "attribute": "disabled",
14108
+ "reflects": true
13916
14109
  },
13917
14110
  {
13918
14111
  "kind": "field",
13919
- "name": "_currentPlacement",
14112
+ "name": "lazy",
13920
14113
  "type": {
13921
- "text": "string"
14114
+ "text": "boolean"
13922
14115
  },
13923
- "privacy": "private",
13924
- "default": "''"
14116
+ "default": "false",
14117
+ "description": "Marks this item as having children that will be loaded on first expand.",
14118
+ "attribute": "lazy",
14119
+ "reflects": true
13925
14120
  },
13926
14121
  {
13927
- "kind": "method",
13928
- "name": "hostConnected"
14122
+ "kind": "field",
14123
+ "name": "loading",
14124
+ "type": {
14125
+ "text": "boolean"
14126
+ },
14127
+ "default": "false",
14128
+ "description": "Whether the item is currently loading (shows a spinner).",
14129
+ "attribute": "loading",
14130
+ "reflects": true
13929
14131
  },
13930
14132
  {
13931
- "kind": "method",
13932
- "name": "hostDisconnected"
14133
+ "kind": "field",
14134
+ "name": "showCheckbox",
14135
+ "description": "Set by `<l-tree>`: whether a checkbox is shown.",
14136
+ "type": {
14137
+ "text": "boolean"
14138
+ }
13933
14139
  },
13934
14140
  {
13935
14141
  "kind": "field",
13936
- "name": "currentPlacement",
13937
- "readonly": true
13938
- },
13939
- {
13940
- "kind": "method",
13941
- "name": "updatePosition",
13942
- "parameters": [
13943
- {
13944
- "name": "options",
13945
- "type": {
13946
- "text": "PositionOptions"
13947
- }
13948
- }
13949
- ]
13950
- },
13951
- {
13952
- "kind": "method",
13953
- "name": "startPositioning",
13954
- "parameters": [
13955
- {
13956
- "name": "options",
13957
- "type": {
13958
- "text": "PositionOptions"
13959
- }
13960
- }
13961
- ]
13962
- },
13963
- {
13964
- "kind": "method",
13965
- "name": "stopPositioning"
13966
- },
13967
- {
13968
- "kind": "method",
13969
- "name": "handlePointerLeave",
13970
- "parameters": [
13971
- {
13972
- "name": "e",
13973
- "type": {
13974
- "text": "PointerEvent"
13975
- }
13976
- },
13977
- {
13978
- "name": "onHide",
13979
- "type": {
13980
- "text": "() => void"
13981
- }
13982
- }
13983
- ]
13984
- },
13985
- {
13986
- "kind": "method",
13987
- "name": "cleanupSafePolygon"
13988
- },
13989
- {
13990
- "kind": "method",
13991
- "name": "addTriggerListeners",
13992
- "parameters": [
13993
- {
13994
- "name": "handlers",
13995
- "type": {
13996
- "text": "TriggerHandlers"
13997
- }
13998
- }
13999
- ]
14000
- },
14001
- {
14002
- "kind": "method",
14003
- "name": "removeTriggerListeners",
14004
- "parameters": [
14005
- {
14006
- "name": "triggerOverride",
14007
- "optional": true,
14008
- "type": {
14009
- "text": "HTMLElement | null"
14010
- }
14011
- }
14012
- ]
14013
- },
14014
- {
14015
- "kind": "method",
14016
- "name": "animateShow",
14017
- "parameters": [
14018
- {
14019
- "name": "el",
14020
- "type": {
14021
- "text": "HTMLElement"
14022
- }
14023
- },
14024
- {
14025
- "name": "duration",
14026
- "type": {
14027
- "text": "number"
14028
- }
14029
- },
14030
- {
14031
- "name": "keyframes",
14032
- "optional": true,
14033
- "type": {
14034
- "text": "Keyframe[]"
14035
- }
14036
- }
14037
- ]
14038
- },
14039
- {
14040
- "kind": "method",
14041
- "name": "animateHide",
14042
- "parameters": [
14043
- {
14044
- "name": "el",
14045
- "type": {
14046
- "text": "HTMLElement"
14047
- }
14048
- },
14049
- {
14050
- "name": "duration",
14051
- "type": {
14052
- "text": "number"
14053
- }
14054
- },
14055
- {
14056
- "name": "keyframes",
14057
- "optional": true,
14058
- "type": {
14059
- "text": "Keyframe[]"
14060
- }
14061
- }
14062
- ]
14063
- }
14064
- ]
14065
- }
14066
- ],
14067
- "exports": [
14068
- {
14069
- "kind": "js",
14070
- "name": "PopoverController",
14071
- "declaration": {
14072
- "name": "PopoverController",
14073
- "module": "src/html/shared/controllers/popover.ts"
14074
- }
14075
- }
14076
- ]
14077
- },
14078
- {
14079
- "kind": "javascript-module",
14080
- "path": "src/html/elements/tree-item/index.ts",
14081
- "declarations": [],
14082
- "exports": [
14083
- {
14084
- "kind": "js",
14085
- "name": "*",
14086
- "declaration": {
14087
- "name": "*",
14088
- "module": "src/html/elements/tree-item/tree-item"
14089
- }
14090
- }
14091
- ]
14092
- },
14093
- {
14094
- "kind": "javascript-module",
14095
- "path": "src/html/elements/tree-item/tree-item.ts",
14096
- "declarations": [
14097
- {
14098
- "kind": "class",
14099
- "description": "A node inside `<l-tree>`. Nested `<l-tree-item>` children become sub-nodes.",
14100
- "name": "LuxenTreeItem",
14101
- "cssProperties": [
14102
- {
14103
- "description": "Internal depth index driving indentation. Set by `<l-tree>`. Layout tokens (`--chevron-size`, `--row-height`, `--row-padding-inline`, `--item-gap`) live on `<l-tree>` and cascade down — see its CSS custom properties.",
14104
- "name": "--_depth"
14105
- }
14106
- ],
14107
- "cssParts": [
14108
- {
14109
- "description": "The item row.",
14110
- "name": "base"
14111
- },
14112
- {
14113
- "description": "The chevron toggle area.",
14114
- "name": "expand-button"
14115
- },
14116
- {
14117
- "description": "The native checkbox input.",
14118
- "name": "checkbox"
14119
- },
14120
- {
14121
- "description": "The label container.",
14122
- "name": "label"
14123
- },
14124
- {
14125
- "description": "Wrapper around the content and children slots; carries the indent guide.",
14126
- "name": "branch"
14127
- },
14128
- {
14129
- "description": "The content slot wrapper (block area between the row and the children).",
14130
- "name": "content"
14131
- },
14132
- {
14133
- "description": "The nested items container.",
14134
- "name": "children"
14135
- }
14136
- ],
14137
- "slots": [
14138
- {
14139
- "description": "Label content (kept to a single row).",
14140
- "name": ""
14141
- },
14142
- {
14143
- "description": "Leading content before the label (e.g. icon).",
14144
- "name": "prefix"
14145
- },
14146
- {
14147
- "description": "Trailing content.",
14148
- "name": "suffix"
14149
- },
14150
- {
14151
- "description": "Icon shown when the item is collapsed.",
14152
- "name": "expand-icon"
14153
- },
14154
- {
14155
- "description": "Icon shown when the item is expanded.",
14156
- "name": "collapse-icon"
14157
- },
14158
- {
14159
- "description": "Block content that belongs to the item but not to its header row (e.g. comment body, action bar). Hidden when a branch is collapsed.",
14160
- "name": "content"
14161
- }
14162
- ],
14163
- "members": [
14164
- {
14165
- "kind": "field",
14166
- "name": "_internals",
14167
- "privacy": "private"
14168
- },
14169
- {
14170
- "kind": "field",
14171
- "name": "_childObserver",
14172
- "type": {
14173
- "text": "MutationObserver | undefined"
14174
- },
14175
- "privacy": "private"
14176
- },
14177
- {
14178
- "kind": "field",
14179
- "name": "expanded",
14180
- "type": {
14181
- "text": "boolean"
14182
- },
14183
- "default": "false",
14184
- "description": "Whether the item is expanded.",
14185
- "attribute": "expanded",
14186
- "reflects": true
14187
- },
14188
- {
14189
- "kind": "field",
14190
- "name": "selected",
14191
- "type": {
14192
- "text": "boolean"
14193
- },
14194
- "default": "false",
14195
- "description": "Whether the item is selected.",
14196
- "attribute": "selected",
14197
- "reflects": true
14198
- },
14199
- {
14200
- "kind": "field",
14201
- "name": "indeterminate",
14202
- "type": {
14203
- "text": "boolean"
14204
- },
14205
- "default": "false",
14206
- "description": "Whether the checkbox is indeterminate (some descendants selected).",
14207
- "attribute": "indeterminate",
14208
- "reflects": true
14209
- },
14210
- {
14211
- "kind": "field",
14212
- "name": "disabled",
14213
- "type": {
14214
- "text": "boolean"
14215
- },
14216
- "default": "false",
14217
- "description": "Whether the item is disabled.",
14218
- "attribute": "disabled",
14219
- "reflects": true
14220
- },
14221
- {
14222
- "kind": "field",
14223
- "name": "lazy",
14224
- "type": {
14225
- "text": "boolean"
14226
- },
14227
- "default": "false",
14228
- "description": "Marks this item as having children that will be loaded on first expand.",
14229
- "attribute": "lazy",
14230
- "reflects": true
14231
- },
14232
- {
14233
- "kind": "field",
14234
- "name": "loading",
14235
- "type": {
14236
- "text": "boolean"
14237
- },
14238
- "default": "false",
14239
- "description": "Whether the item is currently loading (shows a spinner).",
14240
- "attribute": "loading",
14241
- "reflects": true
14242
- },
14243
- {
14244
- "kind": "field",
14245
- "name": "showCheckbox",
14246
- "description": "Set by `<l-tree>`: whether a checkbox is shown.",
14247
- "type": {
14248
- "text": "boolean"
14249
- }
14250
- },
14251
- {
14252
- "kind": "field",
14253
- "name": "_showCheckbox",
14254
- "type": {
14255
- "text": "boolean"
14256
- },
14257
- "privacy": "private",
14258
- "default": "false"
14142
+ "name": "_showCheckbox",
14143
+ "type": {
14144
+ "text": "boolean"
14145
+ },
14146
+ "privacy": "private",
14147
+ "default": "false"
14259
14148
  },
14260
14149
  {
14261
14150
  "kind": "field",
@@ -14481,6 +14370,226 @@
14481
14370
  }
14482
14371
  ]
14483
14372
  },
14373
+ {
14374
+ "kind": "javascript-module",
14375
+ "path": "src/html/shared/controllers/popover.ts",
14376
+ "declarations": [
14377
+ {
14378
+ "kind": "class",
14379
+ "description": "",
14380
+ "name": "PopoverController",
14381
+ "members": [
14382
+ {
14383
+ "kind": "field",
14384
+ "name": "_host",
14385
+ "type": {
14386
+ "text": "ReactiveControllerHost & HTMLElement"
14387
+ },
14388
+ "privacy": "private",
14389
+ "default": "host"
14390
+ },
14391
+ {
14392
+ "kind": "field",
14393
+ "name": "_config",
14394
+ "type": {
14395
+ "text": "PopoverControllerConfig"
14396
+ },
14397
+ "privacy": "private",
14398
+ "default": "config"
14399
+ },
14400
+ {
14401
+ "kind": "field",
14402
+ "name": "_cleanupAutoUpdate",
14403
+ "type": {
14404
+ "text": "() => void | undefined"
14405
+ },
14406
+ "privacy": "private"
14407
+ },
14408
+ {
14409
+ "kind": "field",
14410
+ "name": "_cleanupSafePolygon",
14411
+ "type": {
14412
+ "text": "() => void | undefined"
14413
+ },
14414
+ "privacy": "private"
14415
+ },
14416
+ {
14417
+ "kind": "field",
14418
+ "name": "_handlers",
14419
+ "type": {
14420
+ "text": "TriggerHandlers | undefined"
14421
+ },
14422
+ "privacy": "private"
14423
+ },
14424
+ {
14425
+ "kind": "field",
14426
+ "name": "_triggerElement",
14427
+ "type": {
14428
+ "text": "HTMLElement | null | undefined"
14429
+ },
14430
+ "privacy": "private"
14431
+ },
14432
+ {
14433
+ "kind": "field",
14434
+ "name": "_currentPlacement",
14435
+ "type": {
14436
+ "text": "string"
14437
+ },
14438
+ "privacy": "private",
14439
+ "default": "''"
14440
+ },
14441
+ {
14442
+ "kind": "method",
14443
+ "name": "hostConnected"
14444
+ },
14445
+ {
14446
+ "kind": "method",
14447
+ "name": "hostDisconnected"
14448
+ },
14449
+ {
14450
+ "kind": "field",
14451
+ "name": "currentPlacement",
14452
+ "readonly": true
14453
+ },
14454
+ {
14455
+ "kind": "method",
14456
+ "name": "updatePosition",
14457
+ "parameters": [
14458
+ {
14459
+ "name": "options",
14460
+ "type": {
14461
+ "text": "PositionOptions"
14462
+ }
14463
+ }
14464
+ ]
14465
+ },
14466
+ {
14467
+ "kind": "method",
14468
+ "name": "startPositioning",
14469
+ "parameters": [
14470
+ {
14471
+ "name": "options",
14472
+ "type": {
14473
+ "text": "PositionOptions"
14474
+ }
14475
+ }
14476
+ ]
14477
+ },
14478
+ {
14479
+ "kind": "method",
14480
+ "name": "stopPositioning"
14481
+ },
14482
+ {
14483
+ "kind": "method",
14484
+ "name": "handlePointerLeave",
14485
+ "parameters": [
14486
+ {
14487
+ "name": "e",
14488
+ "type": {
14489
+ "text": "PointerEvent"
14490
+ }
14491
+ },
14492
+ {
14493
+ "name": "onHide",
14494
+ "type": {
14495
+ "text": "() => void"
14496
+ }
14497
+ }
14498
+ ]
14499
+ },
14500
+ {
14501
+ "kind": "method",
14502
+ "name": "cleanupSafePolygon"
14503
+ },
14504
+ {
14505
+ "kind": "method",
14506
+ "name": "addTriggerListeners",
14507
+ "parameters": [
14508
+ {
14509
+ "name": "handlers",
14510
+ "type": {
14511
+ "text": "TriggerHandlers"
14512
+ }
14513
+ }
14514
+ ]
14515
+ },
14516
+ {
14517
+ "kind": "method",
14518
+ "name": "removeTriggerListeners",
14519
+ "parameters": [
14520
+ {
14521
+ "name": "triggerOverride",
14522
+ "optional": true,
14523
+ "type": {
14524
+ "text": "HTMLElement | null"
14525
+ }
14526
+ }
14527
+ ]
14528
+ },
14529
+ {
14530
+ "kind": "method",
14531
+ "name": "animateShow",
14532
+ "parameters": [
14533
+ {
14534
+ "name": "el",
14535
+ "type": {
14536
+ "text": "HTMLElement"
14537
+ }
14538
+ },
14539
+ {
14540
+ "name": "duration",
14541
+ "type": {
14542
+ "text": "number"
14543
+ }
14544
+ },
14545
+ {
14546
+ "name": "keyframes",
14547
+ "optional": true,
14548
+ "type": {
14549
+ "text": "Keyframe[]"
14550
+ }
14551
+ }
14552
+ ]
14553
+ },
14554
+ {
14555
+ "kind": "method",
14556
+ "name": "animateHide",
14557
+ "parameters": [
14558
+ {
14559
+ "name": "el",
14560
+ "type": {
14561
+ "text": "HTMLElement"
14562
+ }
14563
+ },
14564
+ {
14565
+ "name": "duration",
14566
+ "type": {
14567
+ "text": "number"
14568
+ }
14569
+ },
14570
+ {
14571
+ "name": "keyframes",
14572
+ "optional": true,
14573
+ "type": {
14574
+ "text": "Keyframe[]"
14575
+ }
14576
+ }
14577
+ ]
14578
+ }
14579
+ ]
14580
+ }
14581
+ ],
14582
+ "exports": [
14583
+ {
14584
+ "kind": "js",
14585
+ "name": "PopoverController",
14586
+ "declaration": {
14587
+ "name": "PopoverController",
14588
+ "module": "src/html/shared/controllers/popover.ts"
14589
+ }
14590
+ }
14591
+ ]
14592
+ },
14484
14593
  {
14485
14594
  "kind": "javascript-module",
14486
14595
  "path": "src/html/shared/styles/host.styles.ts",