@luzmo/lucero 0.0.6 → 0.0.8
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.
- package/components/accordion/accordion-item.d.ts +2 -2
- package/components/accordion/accordion.d.ts +2 -2
- package/components/accordion/index.cjs +1 -1
- package/components/accordion/index.js +3 -3
- package/components/action-bar/index.cjs +1 -1
- package/components/action-bar/index.js +6 -6
- package/components/action-button/action-button.d.ts +4 -4
- package/components/action-button/index.cjs +1 -1
- package/components/action-button/index.js +3 -3
- package/components/action-group/action-group.d.ts +2 -2
- package/components/action-group/index.cjs +1 -1
- package/components/action-group/index.js +1 -1
- package/components/{action-group-C8YUQzt8.cjs → action-group-Uimj-MJP.cjs} +1 -1
- package/components/{action-group-B7oQXv30.js → action-group-enfc-YnW.js} +2 -2
- package/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.js +6 -6
- package/components/{async-directive-BhRGSTWB.js → async-directive-DWRUSKKF.js} +1 -1
- package/components/{async-directive-_65ULPLK.cjs → async-directive-D_Ter1F8.cjs} +1 -1
- package/components/avatar/avatar.d.ts +2 -2
- package/components/avatar/index.cjs +1 -1
- package/components/avatar/index.js +5 -5
- package/components/{base-rtxi7uaR.cjs → base-B7Pfl2if.cjs} +6 -6
- package/components/{base-CxUap9HL.js → base-CawdqE7p.js} +2 -1
- package/components/button/button-base.d.ts +2 -2
- package/components/button/button.d.ts +4 -4
- package/components/button/clear-button.d.ts +4 -4
- package/components/button/close-button.d.ts +4 -4
- package/components/button/index.cjs +1 -1
- package/components/button/index.js +6 -6
- package/components/{button-base-CgrTYVgq.js → button-base-B7v4eeRh.js} +14 -12
- package/components/{button-base-DjqSZyn2.cjs → button-base-DmjYs2s9.cjs} +2 -2
- package/components/button-group/button-group.d.ts +2 -2
- package/components/button-group/index.cjs +1 -1
- package/components/button-group/index.js +2 -2
- package/components/checkbox/checkbox.d.ts +2 -2
- package/components/checkbox/index.cjs +1 -1
- package/components/checkbox/index.js +3 -3
- package/components/{checkbox-mixin-BRluTF9s.js → checkbox-mixin-BFGTmw17.js} +2 -2
- package/components/{checkbox-mixin-iB-0ivgo.cjs → checkbox-mixin-DUhXwD46.cjs} +1 -1
- package/components/{clear-button-CyLF5dx_.js → clear-button-DgZmX5RX.js} +6 -6
- package/components/{clear-button-DFXE6MLx.cjs → clear-button-KdrF2jaV.cjs} +1 -1
- package/components/{close-button-CzpdWCWI.js → close-button-CFHQnbsK.js} +6 -6
- package/components/{close-button-CcD-aVqh.cjs → close-button-DVGUppyd.cjs} +1 -1
- package/components/color-area/index.cjs +3 -3
- package/components/color-area/index.js +5 -4
- package/components/color-field/index.cjs +1 -1
- package/components/color-field/index.js +2 -2
- package/components/color-handle/index.cjs +1 -1
- package/components/color-handle/index.js +2 -2
- package/components/color-loupe/index.cjs +1 -1
- package/components/color-loupe/index.js +1 -1
- package/components/{color-loupe-CD-dhmB1.js → color-loupe-DxcqXoJ6.js} +1 -1
- package/components/{color-loupe-BN3k1ACF.cjs → color-loupe-SskbNeMp.cjs} +1 -1
- package/components/color-menu/color-menu.d.ts +2 -2
- package/components/color-menu/index.cjs +1 -1
- package/components/color-menu/index.js +3 -3
- package/components/color-picker/color-picker.d.ts +2 -2
- package/components/color-picker/index.cjs +1 -1
- package/components/color-picker/index.js +3 -3
- package/components/color-slider/index.cjs +4 -4
- package/components/color-slider/index.js +6 -5
- package/components/{directive-helpers-C3pAxRR3.cjs → directive-helpers-TkFq2eZF.cjs} +1 -1
- package/components/{directive-helpers-D0vm0gvF.js → directive-helpers-nlQRAaQt.js} +1 -1
- package/components/divider/divider.d.ts +4 -4
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.d.ts +3 -3
- package/components/divider/index.js +5 -5
- package/components/field-group/index.cjs +1 -1
- package/components/field-group/index.js +1 -1
- package/components/{field-group-DAImvhSF.js → field-group-DAhrTCfl.js} +2 -2
- package/components/{field-group-d5Hkb8UW.cjs → field-group-DSY2HUoj.cjs} +1 -1
- package/components/field-label/field-label.d.ts +4 -4
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.d.ts +3 -3
- package/components/field-label/index.js +2 -2
- package/components/{field-label-DY9iRmRI.js → field-label-CAFfGxEL.js} +6 -6
- package/components/{field-label-D1zKXSG6.cjs → field-label-CjsQ3ujK.cjs} +2 -2
- package/components/{focusable-DyyBr-J-.cjs → focusable-DGWL1v1p.cjs} +1 -1
- package/components/{focusable-Bze9xE25.js → focusable-cj2QhwDT.js} +1 -1
- package/components/icon/index.cjs +1 -1
- package/components/icon/index.js +2 -2
- package/components/{if-defined-C-8FyBSN.cjs → if-defined-B56xGmAg.cjs} +1 -1
- package/components/{if-defined-XzWkhMhg.js → if-defined-BSAr_4u4.js} +1 -1
- package/components/{index-Ci6Jnhu4.js → index-CMvLpPKD.js} +7 -7
- package/components/{index-CNtoBntg.cjs → index-DnWavOZD.cjs} +2 -2
- package/components/index.cjs +1 -10
- package/components/index.js +145 -178
- package/components/infield-button/index.cjs +1 -1
- package/components/infield-button/index.js +3 -3
- package/components/infield-button/infield-button.d.ts +4 -4
- package/components/label/index.cjs +1 -1
- package/components/label/index.js +1 -1
- package/components/language-resolution-8yZa5r_P.js +53 -0
- package/components/language-resolution-DJzmyzZq.cjs +18 -0
- package/components/{like-anchor-DKuw8fJA.cjs → like-anchor-Bmabl9ra.cjs} +1 -1
- package/components/{like-anchor-DnsAwo_O.js → like-anchor-QBlvwFfT.js} +2 -2
- package/components/{manage-help-text-B-FXFXgT.js → manage-help-text-Cozl9Sgn.js} +2 -2
- package/components/{manage-help-text-I5aYDAKT.cjs → manage-help-text-OHXDgxyj.cjs} +1 -1
- package/components/menu/index.cjs +1 -1
- package/components/menu/index.js +1 -1
- package/components/menu/menu-divider.d.ts +2 -2
- package/components/menu/menu-item.d.ts +2 -2
- package/components/menu/menu.d.ts +2 -2
- package/components/multi-language-field/index.cjs +1 -1
- package/components/multi-language-field/index.js +3 -3
- package/components/multi-language-field/multi-language-field.d.ts +2 -2
- package/components/number-field/index.cjs +3 -3
- package/components/number-field/index.js +7 -6
- package/components/{observe-slot-text-DeSKIzvP.cjs → observe-slot-text-CrYB2Pj-.cjs} +1 -1
- package/components/{observe-slot-text-DrM71me1.js → observe-slot-text-ggb4kKgY.js} +1 -1
- package/components/overlay/abstract-overlay.d.ts +6 -6
- package/components/overlay/index.cjs +7 -7
- package/components/overlay/index.d.ts +4 -4
- package/components/overlay/index.js +11 -11
- package/components/overlay/interaction-controller.d.ts +5 -5
- package/components/overlay/loader.d.ts +2 -2
- package/components/overlay/overlay-dialog.d.ts +2 -2
- package/components/overlay/overlay-no-popover.d.ts +2 -2
- package/components/overlay/overlay-popover.d.ts +2 -2
- package/components/overlay/overlay-stack.d.ts +5 -5
- package/components/overlay/overlay-timer.d.ts +1 -1
- package/components/overlay/overlay-trigger.d.ts +5 -5
- package/components/overlay/overlay.d.ts +4 -4
- package/components/{overlay-C2Cck0Az.js → overlay-CJ9by37f.js} +48 -48
- package/components/{overlay-dn6Xe_vz.cjs → overlay-Deh6Ki6I.cjs} +2 -2
- package/components/{pending-state-BeJ7iP-O.cjs → pending-state-Do522lTd.cjs} +1 -1
- package/components/{pending-state--XOfTjzE.js → pending-state-TJj1x9xn.js} +2 -2
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +2 -2
- package/components/picker/interaction-controller.d.ts +5 -5
- package/components/picker/picker.d.ts +6 -6
- package/components/{picker-BZAWrSDk.js → picker-833Apxe4.js} +10 -10
- package/components/{picker-8cOc-jjh.cjs → picker-DDx8ii73.cjs} +2 -2
- package/components/{platform-DQYMG7JI.js → platform-BM-uMWpX.js} +34 -19
- package/components/platform-BiXhwqk3.cjs +18 -0
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.d.ts +3 -3
- package/components/popover/index.js +2 -2
- package/components/popover/popover.d.ts +5 -5
- package/components/{popover-CCzs4VH8.cjs → popover-BGOgXaka.cjs} +2 -2
- package/components/{popover-D0EliN0L.js → popover-DlkzrLpl.js} +3 -3
- package/components/progress-circle/index.cjs +1 -1
- package/components/progress-circle/index.js +1 -1
- package/components/progress-circle/progress-circle.d.ts +2 -2
- package/components/{progress-circle-_-9sAlMM.js → progress-circle-Be24kv6B.js} +3 -3
- package/components/{progress-circle-DYSSkjlY.cjs → progress-circle-NNbCMK2i.cjs} +1 -1
- package/components/radio/index.cjs +1 -1
- package/components/radio/index.js +3 -3
- package/components/radio/radio.d.ts +2 -2
- package/components/search/index.cjs +1 -1
- package/components/search/index.js +3 -3
- package/components/{sized-mixin-DcJTTohI.js → sized-mixin-BxMraZLS.js} +1 -1
- package/components/{sized-mixin-BAI6NiE2.cjs → sized-mixin-D9LkrMjb.cjs} +1 -1
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +2 -2
- package/components/slider/slider.d.ts +2 -2
- package/components/{state-WWHLNMRG.cjs → state-C5I1gP3G.cjs} +1 -1
- package/components/{state-D8vot9IB.js → state-CYxk12SV.js} +1 -1
- package/components/{streaming-listener-BbmNyKWO.js → streaming-listener-CCalHg57.js} +18 -52
- package/components/streaming-listener-KVex1WWB.cjs +18 -0
- package/components/{style-map-CoBJRbvu.js → style-map-Ct2LiEds.js} +1 -1
- package/components/{style-map-DH0jkl7s.cjs → style-map-uMq-yDJ3.cjs} +1 -1
- package/components/swatch/index.cjs +1 -1
- package/components/swatch/index.js +4 -4
- package/components/swatch/swatch-group.d.ts +2 -2
- package/components/swatch/swatch.d.ts +2 -2
- package/components/switch/index.cjs +1 -1
- package/components/switch/index.js +4 -4
- package/components/switch/switch.d.ts +2 -2
- package/components/tags/index.cjs +1 -1
- package/components/tags/index.js +3 -3
- package/components/tags/tag.d.ts +2 -2
- package/components/tags/tags.d.ts +2 -2
- package/components/text-field/help-text.d.ts +4 -4
- package/components/text-field/index.cjs +2 -2
- package/components/text-field/index.d.ts +3 -3
- package/components/text-field/index.js +4 -4
- package/components/text-field/text-field.d.ts +2 -2
- package/components/{text-field-BU7yxiOR.cjs → text-field-5_ev9way.cjs} +1 -1
- package/components/{text-field-05QNK_Lj.js → text-field-CvKSS59x.js} +7 -7
- package/components/toast/index.cjs +1 -1
- package/components/toast/index.js +2 -2
- package/components/tooltip/index.cjs +2 -2
- package/components/tooltip/index.d.ts +3 -3
- package/components/tooltip/index.js +7 -5
- package/components/tooltip/tooltip.d.ts +6 -6
- package/components/unit-input/index.cjs +1 -1
- package/components/unit-input/index.js +3 -3
- package/components/utils.cjs +18 -0
- package/components/utils.js +42 -0
- package/custom-elements.json +1 -0
- package/index.d.ts +2 -1
- package/package.json +6 -6
- package/utils/index.d.ts +6 -0
- package/components/legend-position/index.d.ts +0 -7
- package/components/legend-position/legend-position.d.ts +0 -10
- package/components/platform-CQzYNWKq.cjs +0 -18
- package/components/streaming-listener-C2A7ZJZP.cjs +0 -18
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../overlay-Deh6Ki6I.cjs"),o=require("../base-B7Pfl2if.cjs"),p=require("../state-C5I1gP3G.cjs"),d=require("../query-BL-TJj7K.cjs"),f=require("../directive-C7oCP5Bh.cjs"),O=require("../async-directive-D_Ter1F8.cjs"),u=require("../slottable-request-event-BfUUt1Mh.cjs"),S=":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";var $=Object.defineProperty,l=(c,e,t,r)=>{for(var i=void 0,a=c.length-1,h;a>=0;a--)(h=c[a])&&(i=h(e,t,i)||i);return i&&$(e,t,i),i};class n extends o.LuzmoElement{constructor(){super(...arguments),this.content="click hover longpress",this.offset=6,this.disabled=!1,this.receivesFocus="auto",this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[o.r(S)]}getAssignedElementsFromSlot(e){return e.assignedElements({flatten:!0})}handleTriggerContent(e){this.targetContent=this.getAssignedElementsFromSlot(e.target)}handleSlotContent(e){switch(e.target.name){case"click-content":{this.clickContent=this.getAssignedElementsFromSlot(e.target);break}case"longpress-content":{this.longpressContent=this.getAssignedElementsFromSlot(e.target);break}case"hover-content":{this.hoverContent=this.getAssignedElementsFromSlot(e.target);break}}}handleBeforetoggle(e){const{target:t}=e;let r;if(t===this.clickOverlayElement)r="click";else if(t===this.longpressOverlayElement)r="longpress";else if(t===this.hoverOverlayElement)r="hover";else return;e.newState==="open"?this.open=r:this.open===r&&(this.open=void 0)}update(e){var t,r,i,a,h,g;e.has("clickContent")&&(this.clickPlacement=((t=this.clickContent[0])==null?void 0:t.getAttribute("placement"))||((r=this.clickContent[0])==null?void 0:r.getAttribute("direction"))||void 0),e.has("hoverContent")&&(this.hoverPlacement=((i=this.hoverContent[0])==null?void 0:i.getAttribute("placement"))||((a=this.hoverContent[0])==null?void 0:a.getAttribute("direction"))||void 0),e.has("longpressContent")&&(this.longpressPlacement=((h=this.longpressContent[0])==null?void 0:h.getAttribute("placement"))||((g=this.longpressContent[0])==null?void 0:g.getAttribute("direction"))||void 0),super.update(e)}renderSlot(e){return o.x`
|
|
19
19
|
<slot name=${e} @slotchange=${this.handleSlotContent}></slot>
|
|
20
|
-
`}renderClickOverlay(){Promise.resolve().then(()=>require("../overlay-
|
|
20
|
+
`}renderClickOverlay(){Promise.resolve().then(()=>require("../overlay-Deh6Ki6I.cjs")).then(t=>t.overlay);const e=this.renderSlot("click-content");return this.clickContent.length===0?e:o.x`
|
|
21
21
|
<luzmo-overlay
|
|
22
22
|
id="click-overlay"
|
|
23
23
|
?disabled=${this.disabled||this.clickContent.length===0}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
>
|
|
33
33
|
${e}
|
|
34
34
|
</luzmo-overlay>
|
|
35
|
-
`}renderHoverOverlay(){Promise.resolve().then(()=>require("../overlay-
|
|
35
|
+
`}renderHoverOverlay(){Promise.resolve().then(()=>require("../overlay-Deh6Ki6I.cjs")).then(t=>t.overlay);const e=this.renderSlot("hover-content");return this.hoverContent.length===0?e:o.x`
|
|
36
36
|
<luzmo-overlay
|
|
37
37
|
id="hover-overlay"
|
|
38
38
|
?open=${this.open==="hover"&&this.hoverContent.length>0}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
>
|
|
48
48
|
${e}
|
|
49
49
|
</luzmo-overlay>
|
|
50
|
-
`}renderLongpressOverlay(){Promise.resolve().then(()=>require("../overlay-
|
|
50
|
+
`}renderLongpressOverlay(){Promise.resolve().then(()=>require("../overlay-Deh6Ki6I.cjs")).then(t=>t.overlay);const e=this.renderSlot("longpress-content");return this.longpressContent.length===0?e:o.x`
|
|
51
51
|
<luzmo-overlay
|
|
52
52
|
id="longpress-overlay"
|
|
53
53
|
?disabled=${this.disabled||this.longpressContent.length===0}
|
|
@@ -63,11 +63,11 @@
|
|
|
63
63
|
${e}
|
|
64
64
|
</luzmo-overlay>
|
|
65
65
|
<slot name="longpress-describedby-descriptor"></slot>
|
|
66
|
-
`}render(){const e=this.content.split(" ");return
|
|
66
|
+
`}render(){const e=this.content.split(" ");return o.x`
|
|
67
67
|
<slot
|
|
68
68
|
id="trigger"
|
|
69
69
|
name="trigger"
|
|
70
70
|
@slotchange=${this.handleTriggerContent}
|
|
71
71
|
></slot>
|
|
72
|
-
${[e.includes("click")?this.renderClickOverlay():
|
|
73
|
-
`}updated(e){if(super.updated(e),this.disabled&&e.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}l([
|
|
72
|
+
${[e.includes("click")?this.renderClickOverlay():o.x``,e.includes("hover")?this.renderHoverOverlay():o.x``,e.includes("longpress")?this.renderLongpressOverlay():o.x``]}
|
|
73
|
+
`}updated(e){if(super.updated(e),this.disabled&&e.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}l([o.n()],n.prototype,"content");l([o.n({reflect:!0})],n.prototype,"placement");l([o.n()],n.prototype,"type");l([o.n({type:Number})],n.prototype,"offset");l([o.n({reflect:!0})],n.prototype,"open");l([o.n({type:Boolean,reflect:!0})],n.prototype,"disabled");l([o.n({attribute:"receives-focus"})],n.prototype,"receivesFocus");l([p.r()],n.prototype,"clickContent");l([p.r()],n.prototype,"longpressContent");l([p.r()],n.prototype,"hoverContent");l([p.r()],n.prototype,"targetContent");l([d.e("#click-overlay",!0)],n.prototype,"clickOverlayElement");l([d.e("#longpress-overlay",!0)],n.prototype,"longpressOverlayElement");l([d.e("#hover-overlay",!0)],n.prototype,"hoverOverlayElement");function k(c,e,t,r){return s.LuzmoOverlay.open(c,e,t,r)}class v extends O.f{render(e){return o.E}update(e,[t]){this.template=t,this.target!==e.element&&(this.target=e.element,this.renderBefore=this.target.children[0]),this.listenerHost=this.target,this.init()}handleSlottableRequest(e){if(e.target!==e.currentTarget)return;const t=e.data===u.removeSlottableRequest;o.B(t?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){var t;(t=this.listeners)==null||t.abort(),this.listeners=new AbortController;const{signal:e}=this.listeners;this.listenerHost.addEventListener("slottable-request",r=>this.handleSlottableRequest(r),{signal:e})}disconnected(){var e;(e=this.listeners)==null||e.abort()}reconnected(){this.init()}}const E=f.e(v);class b extends v{constructor(){super(...arguments),this.defaultOptions={triggerInteraction:"click",overlayOptions:{type:"auto",offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,t){return o.E}update(e,[t,r]){var g,m,y;this.options={...this.defaultOptions.overlayOptions,...r==null?void 0:r.overlayOptions},this.insertionOptions=r==null?void 0:r.insertionOptions,this.template=t,this.host=(g=e.options)==null?void 0:g.host;let i=!1;const a=(r==null?void 0:r.triggerInteraction)||this.defaultOptions.triggerInteraction,h=s.InteractionTypes[(m=this.strategy)==null?void 0:m.type]!==a;this.target!==e.element&&(this.target=e.element,i=!0),(i||h)&&((y=this.strategy)==null||y.abort(),this.strategy=new s.strategies[a](this.target,{isPersistent:!0,handleOverlayReady:C=>{this.listenerHost=this.overlay=C,this.init()}})),this.strategy.open=(r==null?void 0:r.open)??!1}handleSlottableRequest(e){var i,a;if(e.target!==e.currentTarget)return;const t=e.data===u.removeSlottableRequest,r={};if(this.host&&(r.host=this.host),o.B(t?void 0:this.template(),this.overlay,r),t)this.overlay.remove();else{s.LuzmoAbstractOverlay.applyOptions(this.overlay,{...this.options,trigger:this.target});const h=typeof((i=this.insertionOptions)==null?void 0:i.el)=="function"?this.insertionOptions.el():((a=this.insertionOptions)==null?void 0:a.el)||this.target,{where:g="afterend"}=this.insertionOptions||{};h.insertAdjacentElement(g,this.overlay)}}}const q=f.e(b);customElements.get("luzmo-overlay")||customElements.define("luzmo-overlay",s.LuzmoOverlay);customElements.get("luzmo-overlay-trigger")||customElements.define("luzmo-overlay-trigger",n);exports.ClickController=s.ClickController;exports.HoverController=s.HoverController;exports.InteractionController=s.InteractionController;exports.InteractionTypes=s.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=s.LONGPRESS_INSTRUCTIONS;exports.LongpressController=s.LongpressController;exports.LuzmoAbstractOverlay=s.LuzmoAbstractOverlay;exports.LuzmoOverlay=s.LuzmoOverlay;exports.PlacementController=s.PlacementController;exports.VirtualTrigger=s.VirtualTrigger;exports.guaranteedAllTransitionend=s.guaranteedAllTransitionend;exports.nextFrame=s.nextFrame;exports.noop=s.noop;exports.overlayTimer=s.overlayTimer;exports.placementUpdatedSymbol=s.placementUpdatedSymbol;exports.SlottableRequestEvent=u.SlottableRequestEvent;exports.removeSlottableRequest=u.removeSlottableRequest;exports.LuzmoOverlayTrigger=n;exports.OverlayTriggerDirective=b;exports.SlottableRequestDirective=v;exports.openOverlay=k;exports.slottableRequest=E;exports.trigger=q;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { LuzmoOverlay } from './overlay';
|
|
2
|
+
import { LuzmoOverlayTrigger } from './overlay-trigger';
|
|
3
3
|
export * from './abstract-overlay';
|
|
4
4
|
export * from './click-controller';
|
|
5
5
|
export * from './hover-controller';
|
|
@@ -16,7 +16,7 @@ export * from './slottable-request-event';
|
|
|
16
16
|
export * from './virtual-trigger';
|
|
17
17
|
declare global {
|
|
18
18
|
interface HTMLElementTagNameMap {
|
|
19
|
-
'luzmo-overlay':
|
|
20
|
-
'luzmo-overlay-trigger':
|
|
19
|
+
'luzmo-overlay': LuzmoOverlay;
|
|
20
|
+
'luzmo-overlay-trigger': LuzmoOverlayTrigger;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
19
|
-
import { C as G, H as M, b as J,
|
|
20
|
-
import {
|
|
21
|
-
import { r as h } from "../state-
|
|
18
|
+
import { e as f, I as O, s as $, L as S } from "../overlay-CJ9by37f.js";
|
|
19
|
+
import { C as G, H as M, b as J, c as K, d as Q, P as W, V as X, g as Y, a as Z, n as ee, o as te, p as oe } from "../overlay-CJ9by37f.js";
|
|
20
|
+
import { a as E, r as w, x as c, n as u, E as z, B as b } from "../base-CawdqE7p.js";
|
|
21
|
+
import { r as h } from "../state-CYxk12SV.js";
|
|
22
22
|
import { e as g } from "../query-D_KR_GUc.js";
|
|
23
23
|
import { e as v } from "../directive-oAbCiebi.js";
|
|
24
|
-
import { f as A } from "../async-directive-
|
|
24
|
+
import { f as A } from "../async-directive-DWRUSKKF.js";
|
|
25
25
|
import { r as y } from "../slottable-request-event-DggLA4Rx.js";
|
|
26
26
|
import { S as le } from "../slottable-request-event-DggLA4Rx.js";
|
|
27
27
|
const k = () => {
|
|
@@ -89,7 +89,7 @@ class l extends E {
|
|
|
89
89
|
`;
|
|
90
90
|
}
|
|
91
91
|
renderClickOverlay() {
|
|
92
|
-
import("../overlay-
|
|
92
|
+
import("../overlay-CJ9by37f.js").then((t) => t.f);
|
|
93
93
|
const e = this.renderSlot("click-content");
|
|
94
94
|
return this.clickContent.length === 0 ? e : c`
|
|
95
95
|
<luzmo-overlay
|
|
@@ -109,7 +109,7 @@ class l extends E {
|
|
|
109
109
|
`;
|
|
110
110
|
}
|
|
111
111
|
renderHoverOverlay() {
|
|
112
|
-
import("../overlay-
|
|
112
|
+
import("../overlay-CJ9by37f.js").then((t) => t.f);
|
|
113
113
|
const e = this.renderSlot("hover-content");
|
|
114
114
|
return this.hoverContent.length === 0 ? e : c`
|
|
115
115
|
<luzmo-overlay
|
|
@@ -129,7 +129,7 @@ class l extends E {
|
|
|
129
129
|
`;
|
|
130
130
|
}
|
|
131
131
|
renderLongpressOverlay() {
|
|
132
|
-
import("../overlay-
|
|
132
|
+
import("../overlay-CJ9by37f.js").then((t) => t.f);
|
|
133
133
|
const e = this.renderSlot("longpress-content");
|
|
134
134
|
return this.longpressContent.length === 0 ? e : c`
|
|
135
135
|
<luzmo-overlay
|
|
@@ -316,15 +316,15 @@ const V = v(I);
|
|
|
316
316
|
customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", f);
|
|
317
317
|
customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", l);
|
|
318
318
|
export {
|
|
319
|
-
S as AbstractOverlay,
|
|
320
319
|
G as ClickController,
|
|
321
320
|
M as HoverController,
|
|
322
321
|
J as InteractionController,
|
|
323
322
|
O as InteractionTypes,
|
|
324
323
|
K as LONGPRESS_INSTRUCTIONS,
|
|
325
324
|
Q as LongpressController,
|
|
326
|
-
|
|
327
|
-
|
|
325
|
+
S as LuzmoAbstractOverlay,
|
|
326
|
+
f as LuzmoOverlay,
|
|
327
|
+
l as LuzmoOverlayTrigger,
|
|
328
328
|
I as OverlayTriggerDirective,
|
|
329
329
|
W as PlacementController,
|
|
330
330
|
x as SlottableRequestDirective,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { ReactiveController } from 'lit';
|
|
2
|
-
import {
|
|
2
|
+
import { LuzmoAbstractOverlay } from './abstract-overlay';
|
|
3
3
|
export declare enum InteractionTypes {
|
|
4
4
|
'click' = 0,
|
|
5
5
|
'hover' = 1,
|
|
6
6
|
'longpress' = 2
|
|
7
7
|
}
|
|
8
8
|
export type ControllerOptions = {
|
|
9
|
-
overlay?:
|
|
10
|
-
handleOverlayReady?: (overlay:
|
|
9
|
+
overlay?: LuzmoAbstractOverlay;
|
|
10
|
+
handleOverlayReady?: (overlay: LuzmoAbstractOverlay) => void;
|
|
11
11
|
isPersistent?: boolean;
|
|
12
12
|
};
|
|
13
13
|
export declare class InteractionController implements ReactiveController {
|
|
@@ -21,8 +21,8 @@ export declare class InteractionController implements ReactiveController {
|
|
|
21
21
|
* Set `open` against the associated Overlay lazily.
|
|
22
22
|
*/
|
|
23
23
|
set open(open: boolean);
|
|
24
|
-
get overlay():
|
|
25
|
-
set overlay(overlay:
|
|
24
|
+
get overlay(): LuzmoAbstractOverlay;
|
|
25
|
+
set overlay(overlay: LuzmoAbstractOverlay | undefined);
|
|
26
26
|
private _overlay;
|
|
27
27
|
protected isPersistent: boolean;
|
|
28
28
|
type: InteractionTypes;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { LuzmoOverlay } from './overlay';
|
|
2
2
|
import type { OverlayOptions, OverlayOptionsV1, TriggerInteractionsV1 } from './overlay-types';
|
|
3
3
|
export declare function openOverlay(trigger: HTMLElement, interaction: TriggerInteractionsV1, content: HTMLElement, optionsV1: OverlayOptionsV1): Promise<() => void>;
|
|
4
|
-
export declare function openOverlay(content: HTMLElement, options?: OverlayOptions): Promise<
|
|
4
|
+
export declare function openOverlay(content: HTMLElement, options?: OverlayOptions): Promise<LuzmoOverlay>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { LuzmoElement } from '../../utils/base';
|
|
2
|
-
import {
|
|
2
|
+
import { LuzmoAbstractOverlay } from './abstract-overlay';
|
|
3
3
|
import { Constructor } from './overlay-types';
|
|
4
|
-
export declare function OverlayDialog<T extends Constructor<
|
|
4
|
+
export declare function OverlayDialog<T extends Constructor<LuzmoAbstractOverlay>>(constructor: T): T & Constructor<LuzmoElement>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { LuzmoElement } from '../../utils/base';
|
|
2
|
-
import {
|
|
2
|
+
import { LuzmoAbstractOverlay } from './abstract-overlay';
|
|
3
3
|
import { Constructor } from './overlay-types';
|
|
4
|
-
export declare function OverlayNoPopover<T extends Constructor<
|
|
4
|
+
export declare function OverlayNoPopover<T extends Constructor<LuzmoAbstractOverlay>>(constructor: T): T & Constructor<LuzmoElement>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { LuzmoElement } from '../../utils/base';
|
|
2
|
-
import {
|
|
2
|
+
import { LuzmoAbstractOverlay } from './abstract-overlay';
|
|
3
3
|
import { Constructor } from './overlay-types';
|
|
4
|
-
export declare function OverlayPopover<T extends Constructor<
|
|
4
|
+
export declare function OverlayPopover<T extends Constructor<LuzmoAbstractOverlay>>(constructor: T): T & Constructor<LuzmoElement>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { LuzmoOverlay } from './overlay';
|
|
2
2
|
declare class OverlayStack {
|
|
3
3
|
private get document();
|
|
4
4
|
private pointerdownPath?;
|
|
5
5
|
private lastOverlay?;
|
|
6
6
|
private root;
|
|
7
|
-
stack:
|
|
7
|
+
stack: LuzmoOverlay[];
|
|
8
8
|
constructor();
|
|
9
9
|
bindEvents(): void;
|
|
10
10
|
private closeOverlay;
|
|
@@ -28,7 +28,7 @@ declare class OverlayStack {
|
|
|
28
28
|
* @param triggerElement {HTMLELement}
|
|
29
29
|
* @returns
|
|
30
30
|
*/
|
|
31
|
-
overlaysByTriggerElement(triggerElement: HTMLElement):
|
|
31
|
+
overlaysByTriggerElement(triggerElement: HTMLElement): LuzmoOverlay[];
|
|
32
32
|
/**
|
|
33
33
|
* When overlays are added manage the open state of exisiting overlays appropriately:
|
|
34
34
|
* - 'modal': should close other non-'modal' and non-'manual' overlays
|
|
@@ -37,8 +37,8 @@ declare class OverlayStack {
|
|
|
37
37
|
* - 'manual': shouldn't close other overlays
|
|
38
38
|
* - 'hint': shouldn't close other overlays and give way to all other overlays on a trigger
|
|
39
39
|
*/
|
|
40
|
-
add(overlay:
|
|
41
|
-
remove(overlay:
|
|
40
|
+
add(overlay: LuzmoOverlay): void;
|
|
41
|
+
remove(overlay: LuzmoOverlay): void;
|
|
42
42
|
}
|
|
43
43
|
export declare const overlayStack: OverlayStack;
|
|
44
44
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Placement } from '@floating-ui/dom';
|
|
2
2
|
import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
|
|
3
3
|
import { LuzmoElement } from '../../utils/base';
|
|
4
|
-
import {
|
|
4
|
+
import { LuzmoOverlay } from './overlay';
|
|
5
5
|
import { OverlayTriggerInteractions } from './overlay-types';
|
|
6
6
|
export type OverlayContentTypes = 'click' | 'hover' | 'longpress';
|
|
7
7
|
/**
|
|
@@ -15,7 +15,7 @@ export type OverlayContentTypes = 'click' | 'hover' | 'longpress';
|
|
|
15
15
|
* @fires luzmo-opened - Announces that the overlay has been opened
|
|
16
16
|
* @fires luzmo-closed - Announces that the overlay has been closed
|
|
17
17
|
*/
|
|
18
|
-
export declare class
|
|
18
|
+
export declare class LuzmoOverlayTrigger extends LuzmoElement {
|
|
19
19
|
static get styles(): CSSResultArray;
|
|
20
20
|
content: string;
|
|
21
21
|
/**
|
|
@@ -35,9 +35,9 @@ export declare class OverlayTrigger extends LuzmoElement {
|
|
|
35
35
|
private hoverContent;
|
|
36
36
|
private hoverPlacement?;
|
|
37
37
|
private targetContent;
|
|
38
|
-
clickOverlayElement:
|
|
39
|
-
longpressOverlayElement:
|
|
40
|
-
hoverOverlayElement:
|
|
38
|
+
clickOverlayElement: LuzmoOverlay;
|
|
39
|
+
longpressOverlayElement: LuzmoOverlay;
|
|
40
|
+
hoverOverlayElement: LuzmoOverlay;
|
|
41
41
|
private getAssignedElementsFromSlot;
|
|
42
42
|
private handleTriggerContent;
|
|
43
43
|
private handleSlotContent;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
2
2
|
import { ElementResolutionController } from '../../utils/reactive-controllers/element-resolution';
|
|
3
|
-
import {
|
|
3
|
+
import { LuzmoAbstractOverlay } from './abstract-overlay';
|
|
4
4
|
import { ClickController } from './click-controller';
|
|
5
5
|
import { HoverController } from './hover-controller';
|
|
6
6
|
import { LongpressController } from './longpress-controller';
|
|
7
7
|
import { OpenableElement, OverlayState, OverlayTypes, Placement, TriggerInteraction } from './overlay-types';
|
|
8
8
|
import { PlacementController } from './placement-controller';
|
|
9
9
|
import { VirtualTrigger } from './virtual-trigger';
|
|
10
|
-
declare let ComputedOverlayBase: typeof
|
|
10
|
+
declare let ComputedOverlayBase: typeof LuzmoAbstractOverlay & import("./overlay-types").Constructor<import("../..").LuzmoElement>;
|
|
11
11
|
/**
|
|
12
12
|
* @element luzmo-overlay
|
|
13
13
|
*
|
|
@@ -15,7 +15,7 @@ declare let ComputedOverlayBase: typeof AbstractOverlay & import("./overlay-type
|
|
|
15
15
|
* @fires luzmo-closed - announce that an overlay has compelted any exit animations
|
|
16
16
|
* @fires slottable-request - requests to add or remove slottable content
|
|
17
17
|
*/
|
|
18
|
-
export declare class
|
|
18
|
+
export declare class LuzmoOverlay extends ComputedOverlayBase {
|
|
19
19
|
static styles: import("lit").CSSResult[];
|
|
20
20
|
/**
|
|
21
21
|
* An Overlay that is `delayed` will wait until a warm-up period of 1000ms
|
|
@@ -64,7 +64,7 @@ export declare class Overlay extends ComputedOverlayBase {
|
|
|
64
64
|
/**
|
|
65
65
|
* A reference to the parent overlay that should be force-closed, if any.
|
|
66
66
|
*/
|
|
67
|
-
parentOverlayToForceClose?:
|
|
67
|
+
parentOverlayToForceClose?: LuzmoOverlay;
|
|
68
68
|
/**
|
|
69
69
|
* Determines if the overlay has a non-virtual trigger element.
|
|
70
70
|
*
|