@luzmo/analytics-components-kit 1.0.1-alpha.27 → 1.0.1-alpha.29
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/{async-directive-DWRUSKKF-CmOVMf6V.js → async-directive-DWRUSKKF-CPf9l5wJ.js} +1 -1
- package/components/{async-directive-DWRUSKKF-D4itZyzc.cjs → async-directive-DWRUSKKF-DWUZeMaj.cjs} +1 -1
- package/components/base-D76d76ww-C6YO3slp.cjs +94 -0
- package/components/base-D76d76ww-M5t7LVBG.js +758 -0
- package/components/{button-base-DSHx7XO8-VB_BBSqq.js → button-base-DSHx7XO8-B_LbLx9g.js} +7 -6
- package/components/{button-base-DSHx7XO8-Cixrr9aG.cjs → button-base-DSHx7XO8-ChNRhetl.cjs} +2 -2
- package/components/{checkbox-mixin-BFGTmw17-C34LMsgu.js → checkbox-mixin-BFGTmw17-C1tjSMaa.js} +2 -2
- package/components/{checkbox-mixin-BFGTmw17-CCjGd0nS.cjs → checkbox-mixin-BFGTmw17-DF2p-vSz.cjs} +4 -4
- package/components/{directive-helpers-nlQRAaQt-3kEWF2GV.cjs → directive-helpers-nlQRAaQt-DTZp2cFt.cjs} +4 -4
- package/components/{directive-helpers-nlQRAaQt-I6T4KZKW.js → directive-helpers-nlQRAaQt-DgSC1Yr2.js} +1 -1
- package/components/display-settings/display-settings.d.ts +3 -3
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +20 -20
- package/components/display-settings-binning/display-settings-binning.d.ts +3 -3
- package/components/display-settings-binning/index.cjs +2 -2
- package/components/display-settings-binning/index.js +21 -21
- package/components/display-settings-datetime/display-settings-datetime.d.ts +3 -3
- package/components/display-settings-datetime/index.cjs +2 -2
- package/components/display-settings-datetime/index.js +23 -23
- package/components/display-settings-grand-totals/display-settings-grand-totals.d.ts +3 -3
- package/components/display-settings-grand-totals/index.cjs +2 -2
- package/components/display-settings-grand-totals/index.js +20 -20
- package/components/display-settings-numeric/display-settings-numeric.d.ts +3 -3
- package/components/display-settings-numeric/index.cjs +4 -4
- package/components/display-settings-numeric/index.js +24 -24
- package/components/display-settings-period-over-period/display-settings-period-over-period.d.ts +3 -3
- package/components/display-settings-period-over-period/index.cjs +15 -15
- package/components/display-settings-period-over-period/index.js +45 -44
- package/components/draggable-data-item/draggable-data-item.d.ts +3 -3
- package/components/draggable-data-item/index.cjs +4 -4
- package/components/draggable-data-item/index.js +7 -7
- package/components/draggable-data-item-level/draggable-data-item-level.d.ts +3 -3
- package/components/draggable-data-item-level/index.cjs +4 -4
- package/components/draggable-data-item-level/index.js +16 -16
- package/components/droppable-slot/droppable-slot.d.ts +3 -3
- package/components/droppable-slot/index.cjs +2 -2
- package/components/droppable-slot/index.js +16 -16
- package/components/edit-item/edit-item.d.ts +2 -1
- package/components/edit-item/index.cjs +16 -16
- package/components/edit-item/index.js +38 -37
- package/components/edit-option/edit-option.d.ts +1 -1
- package/components/edit-option/helpers/control-markup.d.ts +1 -1
- package/components/edit-option/index.cjs +1 -1
- package/components/edit-option/index.js +2 -2
- package/components/edit-option-action-button-group/index.cjs +2 -2
- package/components/edit-option-action-button-group/index.js +7 -7
- package/components/edit-option-base/edit-option-base.d.ts +3 -3
- package/components/{edit-option-base-CPLI5-oZ.js → edit-option-base-C0zI8SOd.js} +4 -4
- package/components/edit-option-base-D8vs3Bty.cjs +53 -0
- package/components/edit-option-color-picker/index.cjs +26 -26
- package/components/edit-option-color-picker/index.js +35 -34
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +4 -4
- package/components/edit-option-number-field/index.cjs +2 -2
- package/components/edit-option-number-field/index.js +4 -4
- package/components/edit-option-picker/index.cjs +2 -2
- package/components/edit-option-picker/index.js +5 -5
- package/components/edit-option-position-picker/index.cjs +2 -2
- package/components/edit-option-position-picker/index.js +4 -4
- package/components/edit-option-positions-number-field/index.cjs +1 -1
- package/components/edit-option-positions-number-field/index.js +6 -6
- package/components/edit-option-radio-button-group/index.cjs +4 -4
- package/components/edit-option-radio-button-group/index.js +5 -5
- package/components/edit-option-slider/index.cjs +3 -3
- package/components/edit-option-slider/index.js +8 -8
- package/components/edit-option-switch/index.cjs +5 -5
- package/components/edit-option-switch/index.js +10 -9
- package/components/edit-option-text-field/index.cjs +2 -2
- package/components/edit-option-text-field/index.js +4 -4
- package/components/focusable-Cu_m_GTh.cjs +42 -0
- package/components/focusable-Dw_pMNQL.js +852 -0
- package/components/focusable-cj2QhwDT-CvevSkDr.cjs +52 -0
- package/components/focusable-cj2QhwDT-DlzfnLn9.js +242 -0
- package/components/{if-defined-BSAr_4u4-4Ys8VE7T.js → if-defined-BSAr_4u4-BCnSpSsA.js} +14 -15
- package/components/{if-defined-BSAr_4u4-gECNwmTC.cjs → if-defined-BSAr_4u4-CIqREoag.cjs} +3 -3
- package/components/{if-defined-8BOch-oC.cjs → if-defined-CF8baNdl.cjs} +2 -2
- package/components/{if-defined-Bv6MRdSW.js → if-defined-DbhS35z5.js} +1 -1
- package/components/{index-Dv1aV79F.cjs → index-9hGc0AF6.cjs} +6 -6
- package/components/{index-OuAMpMdS.js → index-B2LO8M42.js} +10 -11
- package/components/{index-DFt-aKCN.cjs → index-B3417kqb.cjs} +2 -2
- package/components/{index-CDUZyVS8.cjs → index-BIauj-BP.cjs} +3 -3
- package/components/{index-CY1zprJk.cjs → index-BIcAxPGg.cjs} +4 -4
- package/components/{index-CMvCwUvn.cjs → index-BLyfPWMW.cjs} +1 -1
- package/components/{index-CAG4u31N.cjs → index-BW6jffrL.cjs} +8 -8
- package/components/{index-Bsn3jtgt.js → index-BjdUsH9B.js} +10 -11
- package/components/{index-CJtXD_RI.js → index-BnVt-dJY.js} +10 -11
- package/components/{index-BgR4fBCA.cjs → index-Bp6XY9q2.cjs} +3 -3
- package/components/{index-Dk2zOgvd.js → index-C8yP7YJD.js} +6 -7
- package/components/{index-B6Os866t.cjs → index-CAwT4m7K.cjs} +5 -5
- package/components/{index-CdZDTZcN.js → index-CBNsaHFy.js} +6 -7
- package/components/{index-NFKXlEm1.cjs → index-CC53jnJB.cjs} +2 -2
- package/components/{index-BnOOdgQZ.cjs → index-CZUy8SUo.cjs} +4 -4
- package/components/{index-DULisWB3.cjs → index-Cl7wWlXl.cjs} +2 -2
- package/components/{index-CT2P9cSY.cjs → index-Cz9Cvq1K.cjs} +6 -6
- package/components/{index-CX0ynTHR.js → index-D8GVYuJ-.js} +14 -15
- package/components/{index-Brne8JKA.js → index-DQCvi59x.js} +18 -18
- package/components/{index-DW3LXQ5Z.js → index-DelXrrBi.js} +15 -15
- package/components/{index-CTxrSfyd.js → index-Dku2WLRc.js} +5 -6
- package/components/{index-DDm8p09D.js → index-Du8Q4hhF.js} +1 -1
- package/components/{index-Dn7LyFPv.js → index-Dwp251OJ.js} +3 -3
- package/components/{index-Dpt_Qqgy.js → index-KY89MPqI.js} +4 -5
- package/components/{index-E6HaIK_Z.cjs → index-b9OSfNB6.cjs} +7 -7
- package/components/{index-CPdcj1Bo.js → index-fheP_kQJ.js} +3 -3
- package/components/{index-nP-SGD7o.js → index-fzqLW5XZ.js} +6 -7
- package/components/index-hogChFy0.cjs +195 -0
- package/components/{index-DoZEESMk.cjs → index-mB-t2zP2.cjs} +4 -4
- package/components/{index-DOnHTKUs.js → index-zFIy9Mwl.js} +13 -14
- package/components/index.cjs +1 -1
- package/components/index.js +2 -2
- package/components/{luzmo-icons-DxZo8BWX.js → luzmo-icons-CmY3chvZ.js} +1 -1
- package/components/luzmo-icons-lvebt6bp.cjs +31 -0
- package/components/{observe-slot-text-ggb4kKgY-DBVrKDBD.cjs → observe-slot-text-ggb4kKgY-5zLP4Vgh.cjs} +2 -2
- package/components/{observe-slot-text-ggb4kKgY-o5QFWUeA.js → observe-slot-text-ggb4kKgY-tm0SQCaj.js} +3 -3
- package/components/{popover-Bx4ZDHk4-BuzeOeNe.cjs → popover-Bx4ZDHk4-Cw2DKR2x.cjs} +2 -2
- package/components/{popover-Bx4ZDHk4-jZJ0Cd59.js → popover-Bx4ZDHk4-HbUSJ86p.js} +6 -7
- package/components/{query-assigned-nodes-C76XVPWY-DPC6kOmH.js → query-assigned-nodes-C76XVPWY-DON51dMU.js} +1 -1
- package/components/{query-assigned-nodes-C76XVPWY-BcyGjObB.cjs → query-assigned-nodes-C76XVPWY-DzOeAzcN.cjs} +1 -1
- package/components/sized-mixin-Cqlxwicw.cjs +20 -0
- package/components/sized-mixin-DMuOVsw0.js +65 -0
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +28 -28
- package/components/slot-menu/slot-menu.d.ts +3 -3
- package/components/slot-menu-list/index.cjs +2 -2
- package/components/slot-menu-list/index.js +15 -15
- package/components/slot-menu-list/slot-menu-list.d.ts +3 -3
- package/components/{state-BFA93Sye.cjs → state-QgHgNZLe.cjs} +2 -2
- package/components/{state-Joaryhrg.js → state-e2n-fyrr.js} +1 -1
- package/components/{language-resolution-8yZa5r_P-CYK1IIrs.cjs → streaming-listener-CCalHg57-2AtO4Ho2.cjs} +3 -3
- package/components/{language-resolution-8yZa5r_P-Chn3SFme.js → streaming-listener-CCalHg57-CQgWstyf.js} +58 -58
- package/components/{task-B8yMzxui.cjs → task-fQFUVV8e.cjs} +2 -2
- package/components/{task-Cr9aRIbV.js → task-gE27tBDv.js} +1 -1
- package/components/{text-field-BTnBJoP9-jo797Hka.js → text-field-BTnBJoP9-BuahhcXU.js} +6 -6
- package/components/{text-field-BTnBJoP9-Cwm3XQ88.cjs → text-field-BTnBJoP9-CDMhK3d1.cjs} +2 -2
- package/custom-elements.json +52 -288
- package/package.json +2 -2
- package/utils/base/base.d.ts +16 -0
- package/utils/base/focus-visible.d.ts +29 -0
- package/utils/base/focusable.d.ts +58 -0
- package/utils/base/index.d.ts +4 -0
- package/utils/base/sized-mixin.d.ts +17 -0
- package/components/base-D76d76ww-BiajPmzU.cjs +0 -40
- package/components/base-D76d76ww-gf0ESLsU.js +0 -45
- package/components/edit-option-base-ChZvMFLr.cjs +0 -53
- package/components/filter-data-item-picker/filter-data-item-picker.d.ts +0 -80
- package/components/filter-data-item-picker/index.d.ts +0 -7
- package/components/filter-expression-picker/filter-expression-picker.d.ts +0 -60
- package/components/filter-expression-picker/index.d.ts +0 -7
- package/components/filter-group/filter-group.d.ts +0 -39
- package/components/filter-group/index.d.ts +0 -7
- package/components/filter-item/filter-item.d.ts +0 -64
- package/components/filter-item/index.d.ts +0 -7
- package/components/filter-item/stories/dataset-data-items.const.d.ts +0 -15
- package/components/filter-parameter-picker/filter-parameter-picker.d.ts +0 -26
- package/components/filter-parameter-picker/index.d.ts +0 -7
- package/components/filter-value-picker/filter-value-picker.d.ts +0 -65
- package/components/filter-value-picker/index.d.ts +0 -7
- package/components/filter-value-picker-datetime/filter-value-picker-datetime.d.ts +0 -43
- package/components/filter-value-picker-datetime/index.d.ts +0 -7
- package/components/filter-value-picker-hierarchy/filter-value-picker-hierarchy.d.ts +0 -71
- package/components/filter-value-picker-hierarchy/index.d.ts +0 -7
- package/components/filter-value-picker-numeric/filter-value-picker-numeric.d.ts +0 -72
- package/components/filter-value-picker-numeric/index.d.ts +0 -7
- package/components/index-eEpFkbP8.cjs +0 -195
- package/components/luzmo-icons-XsFsTAl3.cjs +0 -31
- package/components/property-0L4eB11h.cjs +0 -112
- package/components/property-B2F7x7Cz.js +0 -1481
- package/components/sized-mixin-BxMraZLS-B_y0PzR3.js +0 -82
- package/components/sized-mixin-BxMraZLS-DEFWqo8f.cjs +0 -36
- package/utils/data-broker/index.d.ts +0 -173
- package/utils/data-item-types/calculate-data-item-icon.d.ts +0 -3
- package/utils/expressions/index.d.ts +0 -13
@@ -17,7 +17,7 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
"use strict";const t=require("./
|
20
|
+
"use strict";const t=require("./base-D76d76ww-C6YO3slp.cjs"),d=require("./directive-helpers-nlQRAaQt-DTZp2cFt.cjs"),a=require("./if-defined-BSAr_4u4-CIqREoag.cjs"),c=require("./luzmo-icons-lvebt6bp.cjs"),f=require("./focusable-cj2QhwDT-CvevSkDr.cjs"),p=require("./element-resolution-FCUT-wql-DSTvdyds.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -81,7 +81,7 @@
|
|
81
81
|
* @license
|
82
82
|
* Copyright 2020 Google LLC
|
83
83
|
* SPDX-License-Identifier: BSD-3-Clause
|
84
|
-
*/const b=d._(class extends d.${constructor(r){if(super(r),r.type!==d.s.PROPERTY&&r.type!==d.s.ATTRIBUTE&&r.type!==d.s.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!d.r(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===t.v||e===t.d)return e;const i=r.element,n=r.name;if(r.type===d.s.PROPERTY){if(e===i[n])return t.v}else if(r.type===d.s.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(n))return t.v}else if(r.type===d.s.ATTRIBUTE&&i.getAttribute(n)===e+"")return t.v;return d.f(r),e}});var z=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(r,e,i,n)=>{for(var s=n>1?void 0:n?y(e,i):e,u=r.length-1,h;u>=0;u--)(h=r[u])&&(s=(n?h(e,i,s):h(s))||s);return n&&s&&z(e,i,s),s};const k=["text","url","tel","email","password"];class o extends v(
|
84
|
+
*/const b=d._(class extends d.${constructor(r){if(super(r),r.type!==d.s.PROPERTY&&r.type!==d.s.ATTRIBUTE&&r.type!==d.s.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!d.r(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===t.v||e===t.d)return e;const i=r.element,n=r.name;if(r.type===d.s.PROPERTY){if(e===i[n])return t.v}else if(r.type===d.s.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(n))return t.v}else if(r.type===d.s.ATTRIBUTE&&i.getAttribute(n)===e+"")return t.v;return d.f(r),e}});var z=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(r,e,i,n)=>{for(var s=n>1?void 0:n?y(e,i):e,u=r.length-1,h;u>=0;u--)(h=r[u])&&(s=(n?h(e,i,s):h(s))||s);return n&&s&&z(e,i,s),s};const k=["text","url","tel","email","password"];class o extends v(t.m(f.r,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.focused=!1,this.invalid=!1,this.label="",this.placeholder="",this._type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[t.ht(g)]}set type(e){const i=this._type;this._type=e,this.requestUpdate("type",i)}get type(){return k.find(e=>e===this._type)??"text"}set value(e){if(e===this.value)return;const i=this._value;this._value=e,this.requestUpdate("value",i)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,i,n="none"){this.inputElement.setSelectionRange(e,i,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const i=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(i,i);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.invalid?t.Ht`
|
85
85
|
<div id="invalid" class="icon">${c.O2(c.I)}</div>
|
86
86
|
`:this.valid?t.Ht`
|
87
87
|
<div id="valid" class="icon">${c.O2(c.F)}</div>
|
package/custom-elements.json
CHANGED
@@ -214,34 +214,12 @@
|
|
214
214
|
"default": "m",
|
215
215
|
"description": "The size of the element",
|
216
216
|
"fieldName": "size"
|
217
|
-
},
|
218
|
-
{
|
219
|
-
"name": "disabled",
|
220
|
-
"type": {
|
221
|
-
"text": "boolean"
|
222
|
-
},
|
223
|
-
"default": "false",
|
224
|
-
"description": "Disable this control. It will not receive focus or events",
|
225
|
-
"fieldName": "disabled"
|
226
|
-
},
|
227
|
-
{
|
228
|
-
"name": "autofocus",
|
229
|
-
"type": {
|
230
|
-
"text": "boolean"
|
231
|
-
},
|
232
|
-
"default": "false",
|
233
|
-
"description": "When this control is rendered, focus it automatically",
|
234
|
-
"fieldName": "autofocus"
|
235
|
-
},
|
236
|
-
{
|
237
|
-
"name": "tabIndex",
|
238
|
-
"type": {
|
239
|
-
"text": "number"
|
240
|
-
},
|
241
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
242
|
-
"fieldName": "tabIndex"
|
243
217
|
}
|
244
218
|
],
|
219
|
+
"superclass": {
|
220
|
+
"name": "LuzmoElement",
|
221
|
+
"module": "/src/utils/base"
|
222
|
+
},
|
245
223
|
"tagName": "luzmo-display-settings",
|
246
224
|
"customElement": true
|
247
225
|
}
|
@@ -322,34 +300,12 @@
|
|
322
300
|
"default": "m",
|
323
301
|
"description": "The size of the element",
|
324
302
|
"fieldName": "size"
|
325
|
-
},
|
326
|
-
{
|
327
|
-
"name": "disabled",
|
328
|
-
"type": {
|
329
|
-
"text": "boolean"
|
330
|
-
},
|
331
|
-
"default": "false",
|
332
|
-
"description": "Disable this control. It will not receive focus or events",
|
333
|
-
"fieldName": "disabled"
|
334
|
-
},
|
335
|
-
{
|
336
|
-
"name": "autofocus",
|
337
|
-
"type": {
|
338
|
-
"text": "boolean"
|
339
|
-
},
|
340
|
-
"default": "false",
|
341
|
-
"description": "When this control is rendered, focus it automatically",
|
342
|
-
"fieldName": "autofocus"
|
343
|
-
},
|
344
|
-
{
|
345
|
-
"name": "tabIndex",
|
346
|
-
"type": {
|
347
|
-
"text": "number"
|
348
|
-
},
|
349
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
350
|
-
"fieldName": "tabIndex"
|
351
303
|
}
|
352
304
|
],
|
305
|
+
"superclass": {
|
306
|
+
"name": "LuzmoElement",
|
307
|
+
"module": "/src/utils/base"
|
308
|
+
},
|
353
309
|
"tagName": "luzmo-display-settings-binning",
|
354
310
|
"customElement": true
|
355
311
|
}
|
@@ -462,34 +418,12 @@
|
|
462
418
|
"default": "m",
|
463
419
|
"description": "The size of the element",
|
464
420
|
"fieldName": "size"
|
465
|
-
},
|
466
|
-
{
|
467
|
-
"name": "disabled",
|
468
|
-
"type": {
|
469
|
-
"text": "boolean"
|
470
|
-
},
|
471
|
-
"default": "false",
|
472
|
-
"description": "Disable this control. It will not receive focus or events",
|
473
|
-
"fieldName": "disabled"
|
474
|
-
},
|
475
|
-
{
|
476
|
-
"name": "autofocus",
|
477
|
-
"type": {
|
478
|
-
"text": "boolean"
|
479
|
-
},
|
480
|
-
"default": "false",
|
481
|
-
"description": "When this control is rendered, focus it automatically",
|
482
|
-
"fieldName": "autofocus"
|
483
|
-
},
|
484
|
-
{
|
485
|
-
"name": "tabIndex",
|
486
|
-
"type": {
|
487
|
-
"text": "number"
|
488
|
-
},
|
489
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
490
|
-
"fieldName": "tabIndex"
|
491
421
|
}
|
492
422
|
],
|
423
|
+
"superclass": {
|
424
|
+
"name": "LuzmoElement",
|
425
|
+
"module": "/src/utils/base"
|
426
|
+
},
|
493
427
|
"tagName": "luzmo-display-settings-datetime",
|
494
428
|
"customElement": true
|
495
429
|
}
|
@@ -572,34 +506,12 @@
|
|
572
506
|
"default": "m",
|
573
507
|
"description": "The size of the element",
|
574
508
|
"fieldName": "size"
|
575
|
-
},
|
576
|
-
{
|
577
|
-
"name": "disabled",
|
578
|
-
"type": {
|
579
|
-
"text": "boolean"
|
580
|
-
},
|
581
|
-
"default": "false",
|
582
|
-
"description": "Disable this control. It will not receive focus or events",
|
583
|
-
"fieldName": "disabled"
|
584
|
-
},
|
585
|
-
{
|
586
|
-
"name": "autofocus",
|
587
|
-
"type": {
|
588
|
-
"text": "boolean"
|
589
|
-
},
|
590
|
-
"default": "false",
|
591
|
-
"description": "When this control is rendered, focus it automatically",
|
592
|
-
"fieldName": "autofocus"
|
593
|
-
},
|
594
|
-
{
|
595
|
-
"name": "tabIndex",
|
596
|
-
"type": {
|
597
|
-
"text": "number"
|
598
|
-
},
|
599
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
600
|
-
"fieldName": "tabIndex"
|
601
509
|
}
|
602
510
|
],
|
511
|
+
"superclass": {
|
512
|
+
"name": "LuzmoElement",
|
513
|
+
"module": "/src/utils/base"
|
514
|
+
},
|
603
515
|
"tagName": "luzmo-display-settings-grand-totals",
|
604
516
|
"customElement": true
|
605
517
|
}
|
@@ -699,34 +611,12 @@
|
|
699
611
|
"default": "m",
|
700
612
|
"description": "The size of the element",
|
701
613
|
"fieldName": "size"
|
702
|
-
},
|
703
|
-
{
|
704
|
-
"name": "disabled",
|
705
|
-
"type": {
|
706
|
-
"text": "boolean"
|
707
|
-
},
|
708
|
-
"default": "false",
|
709
|
-
"description": "Disable this control. It will not receive focus or events",
|
710
|
-
"fieldName": "disabled"
|
711
|
-
},
|
712
|
-
{
|
713
|
-
"name": "autofocus",
|
714
|
-
"type": {
|
715
|
-
"text": "boolean"
|
716
|
-
},
|
717
|
-
"default": "false",
|
718
|
-
"description": "When this control is rendered, focus it automatically",
|
719
|
-
"fieldName": "autofocus"
|
720
|
-
},
|
721
|
-
{
|
722
|
-
"name": "tabIndex",
|
723
|
-
"type": {
|
724
|
-
"text": "number"
|
725
|
-
},
|
726
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
727
|
-
"fieldName": "tabIndex"
|
728
614
|
}
|
729
615
|
],
|
616
|
+
"superclass": {
|
617
|
+
"name": "LuzmoElement",
|
618
|
+
"module": "/src/utils/base"
|
619
|
+
},
|
730
620
|
"tagName": "luzmo-display-settings-numeric",
|
731
621
|
"customElement": true
|
732
622
|
}
|
@@ -887,34 +777,12 @@
|
|
887
777
|
"default": "m",
|
888
778
|
"description": "The size of the element",
|
889
779
|
"fieldName": "size"
|
890
|
-
},
|
891
|
-
{
|
892
|
-
"name": "disabled",
|
893
|
-
"type": {
|
894
|
-
"text": "boolean"
|
895
|
-
},
|
896
|
-
"default": "false",
|
897
|
-
"description": "Disable this control. It will not receive focus or events",
|
898
|
-
"fieldName": "disabled"
|
899
|
-
},
|
900
|
-
{
|
901
|
-
"name": "autofocus",
|
902
|
-
"type": {
|
903
|
-
"text": "boolean"
|
904
|
-
},
|
905
|
-
"default": "false",
|
906
|
-
"description": "When this control is rendered, focus it automatically",
|
907
|
-
"fieldName": "autofocus"
|
908
|
-
},
|
909
|
-
{
|
910
|
-
"name": "tabIndex",
|
911
|
-
"type": {
|
912
|
-
"text": "number"
|
913
|
-
},
|
914
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
915
|
-
"fieldName": "tabIndex"
|
916
780
|
}
|
917
781
|
],
|
782
|
+
"superclass": {
|
783
|
+
"name": "LuzmoElement",
|
784
|
+
"module": "/src/utils/base"
|
785
|
+
},
|
918
786
|
"tagName": "luzmo-display-settings-period-over-period",
|
919
787
|
"customElement": true
|
920
788
|
}
|
@@ -1126,34 +994,12 @@
|
|
1126
994
|
"default": "m",
|
1127
995
|
"description": "The size of the element",
|
1128
996
|
"fieldName": "size"
|
1129
|
-
},
|
1130
|
-
{
|
1131
|
-
"name": "disabled",
|
1132
|
-
"type": {
|
1133
|
-
"text": "boolean"
|
1134
|
-
},
|
1135
|
-
"default": "false",
|
1136
|
-
"description": "Disable this control. It will not receive focus or events",
|
1137
|
-
"fieldName": "disabled"
|
1138
|
-
},
|
1139
|
-
{
|
1140
|
-
"name": "autofocus",
|
1141
|
-
"type": {
|
1142
|
-
"text": "boolean"
|
1143
|
-
},
|
1144
|
-
"default": "false",
|
1145
|
-
"description": "When this control is rendered, focus it automatically",
|
1146
|
-
"fieldName": "autofocus"
|
1147
|
-
},
|
1148
|
-
{
|
1149
|
-
"name": "tabIndex",
|
1150
|
-
"type": {
|
1151
|
-
"text": "number"
|
1152
|
-
},
|
1153
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
1154
|
-
"fieldName": "tabIndex"
|
1155
997
|
}
|
1156
998
|
],
|
999
|
+
"superclass": {
|
1000
|
+
"name": "LuzmoElement",
|
1001
|
+
"module": "/src/utils/base"
|
1002
|
+
},
|
1157
1003
|
"tagName": "luzmo-draggable-data-item",
|
1158
1004
|
"customElement": true
|
1159
1005
|
}
|
@@ -1325,34 +1171,12 @@
|
|
1325
1171
|
"default": "m",
|
1326
1172
|
"description": "The size of the element",
|
1327
1173
|
"fieldName": "size"
|
1328
|
-
},
|
1329
|
-
{
|
1330
|
-
"name": "disabled",
|
1331
|
-
"type": {
|
1332
|
-
"text": "boolean"
|
1333
|
-
},
|
1334
|
-
"default": "false",
|
1335
|
-
"description": "Disable this control. It will not receive focus or events",
|
1336
|
-
"fieldName": "disabled"
|
1337
|
-
},
|
1338
|
-
{
|
1339
|
-
"name": "autofocus",
|
1340
|
-
"type": {
|
1341
|
-
"text": "boolean"
|
1342
|
-
},
|
1343
|
-
"default": "false",
|
1344
|
-
"description": "When this control is rendered, focus it automatically",
|
1345
|
-
"fieldName": "autofocus"
|
1346
|
-
},
|
1347
|
-
{
|
1348
|
-
"name": "tabIndex",
|
1349
|
-
"type": {
|
1350
|
-
"text": "number"
|
1351
|
-
},
|
1352
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
1353
|
-
"fieldName": "tabIndex"
|
1354
1174
|
}
|
1355
1175
|
],
|
1176
|
+
"superclass": {
|
1177
|
+
"name": "LuzmoElement",
|
1178
|
+
"module": "/src/utils/base"
|
1179
|
+
},
|
1356
1180
|
"tagName": "luzmo-draggable-data-item-level",
|
1357
1181
|
"customElement": true
|
1358
1182
|
}
|
@@ -1631,34 +1455,12 @@
|
|
1631
1455
|
"default": "m",
|
1632
1456
|
"description": "The size of the element",
|
1633
1457
|
"fieldName": "size"
|
1634
|
-
},
|
1635
|
-
{
|
1636
|
-
"name": "disabled",
|
1637
|
-
"type": {
|
1638
|
-
"text": "boolean"
|
1639
|
-
},
|
1640
|
-
"default": "false",
|
1641
|
-
"description": "Disable this control. It will not receive focus or events",
|
1642
|
-
"fieldName": "disabled"
|
1643
|
-
},
|
1644
|
-
{
|
1645
|
-
"name": "autofocus",
|
1646
|
-
"type": {
|
1647
|
-
"text": "boolean"
|
1648
|
-
},
|
1649
|
-
"default": "false",
|
1650
|
-
"description": "When this control is rendered, focus it automatically",
|
1651
|
-
"fieldName": "autofocus"
|
1652
|
-
},
|
1653
|
-
{
|
1654
|
-
"name": "tabIndex",
|
1655
|
-
"type": {
|
1656
|
-
"text": "number"
|
1657
|
-
},
|
1658
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
1659
|
-
"fieldName": "tabIndex"
|
1660
1458
|
}
|
1661
1459
|
],
|
1460
|
+
"superclass": {
|
1461
|
+
"name": "LuzmoElement",
|
1462
|
+
"module": "/src/utils/base"
|
1463
|
+
},
|
1662
1464
|
"tagName": "luzmo-droppable-slot",
|
1663
1465
|
"customElement": true
|
1664
1466
|
}
|
@@ -1788,6 +1590,12 @@
|
|
1788
1590
|
"reflects": true
|
1789
1591
|
}
|
1790
1592
|
],
|
1593
|
+
"events": [
|
1594
|
+
{
|
1595
|
+
"description": "Announces that the `options` of the element have changed",
|
1596
|
+
"name": "options-changed"
|
1597
|
+
}
|
1598
|
+
],
|
1791
1599
|
"attributes": [
|
1792
1600
|
{
|
1793
1601
|
"name": "language",
|
@@ -1861,7 +1669,7 @@
|
|
1861
1669
|
],
|
1862
1670
|
"superclass": {
|
1863
1671
|
"name": "LuzmoElement",
|
1864
|
-
"
|
1672
|
+
"module": "/src/utils/base"
|
1865
1673
|
},
|
1866
1674
|
"tagName": "luzmo-edit-item",
|
1867
1675
|
"customElement": true
|
@@ -2080,7 +1888,7 @@
|
|
2080
1888
|
],
|
2081
1889
|
"superclass": {
|
2082
1890
|
"name": "LuzmoElement",
|
2083
|
-
"
|
1891
|
+
"module": "/src/utils/base"
|
2084
1892
|
},
|
2085
1893
|
"tagName": "luzmo-edit-option",
|
2086
1894
|
"customElement": true
|
@@ -4010,34 +3818,12 @@
|
|
4010
3818
|
"default": "m",
|
4011
3819
|
"description": "The size of the element",
|
4012
3820
|
"fieldName": "size"
|
4013
|
-
},
|
4014
|
-
{
|
4015
|
-
"name": "disabled",
|
4016
|
-
"type": {
|
4017
|
-
"text": "boolean"
|
4018
|
-
},
|
4019
|
-
"default": "false",
|
4020
|
-
"description": "Disable this control. It will not receive focus or events",
|
4021
|
-
"fieldName": "disabled"
|
4022
|
-
},
|
4023
|
-
{
|
4024
|
-
"name": "autofocus",
|
4025
|
-
"type": {
|
4026
|
-
"text": "boolean"
|
4027
|
-
},
|
4028
|
-
"default": "false",
|
4029
|
-
"description": "When this control is rendered, focus it automatically",
|
4030
|
-
"fieldName": "autofocus"
|
4031
|
-
},
|
4032
|
-
{
|
4033
|
-
"name": "tabIndex",
|
4034
|
-
"type": {
|
4035
|
-
"text": "number"
|
4036
|
-
},
|
4037
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
4038
|
-
"fieldName": "tabIndex"
|
4039
3821
|
}
|
4040
3822
|
],
|
3823
|
+
"superclass": {
|
3824
|
+
"name": "LuzmoElement",
|
3825
|
+
"module": "/src/utils/base"
|
3826
|
+
},
|
4041
3827
|
"tagName": "luzmo-slot-menu",
|
4042
3828
|
"customElement": true
|
4043
3829
|
}
|
@@ -4177,34 +3963,12 @@
|
|
4177
3963
|
"default": "m",
|
4178
3964
|
"description": "The size of the element",
|
4179
3965
|
"fieldName": "size"
|
4180
|
-
},
|
4181
|
-
{
|
4182
|
-
"name": "disabled",
|
4183
|
-
"type": {
|
4184
|
-
"text": "boolean"
|
4185
|
-
},
|
4186
|
-
"default": "false",
|
4187
|
-
"description": "Disable this control. It will not receive focus or events",
|
4188
|
-
"fieldName": "disabled"
|
4189
|
-
},
|
4190
|
-
{
|
4191
|
-
"name": "autofocus",
|
4192
|
-
"type": {
|
4193
|
-
"text": "boolean"
|
4194
|
-
},
|
4195
|
-
"default": "false",
|
4196
|
-
"description": "When this control is rendered, focus it automatically",
|
4197
|
-
"fieldName": "autofocus"
|
4198
|
-
},
|
4199
|
-
{
|
4200
|
-
"name": "tabIndex",
|
4201
|
-
"type": {
|
4202
|
-
"text": "number"
|
4203
|
-
},
|
4204
|
-
"description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
|
4205
|
-
"fieldName": "tabIndex"
|
4206
3966
|
}
|
4207
3967
|
],
|
3968
|
+
"superclass": {
|
3969
|
+
"name": "LuzmoElement",
|
3970
|
+
"module": "/src/utils/base"
|
3971
|
+
},
|
4208
3972
|
"tagName": "luzmo-slot-menu-list",
|
4209
3973
|
"customElement": true
|
4210
3974
|
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@luzmo/analytics-components-kit",
|
3
|
-
"version": "1.0.1-alpha.
|
3
|
+
"version": "1.0.1-alpha.29",
|
4
4
|
"type": "module",
|
5
5
|
"main": "./components/index.js",
|
6
6
|
"module": "./components/index.js",
|
@@ -142,7 +142,7 @@
|
|
142
142
|
"require": "./components/utils.cjs"
|
143
143
|
},
|
144
144
|
"./item-list": {
|
145
|
-
"types": "./
|
145
|
+
"types": "./item-definitions/item-list.d.ts",
|
146
146
|
"import": "./components/item-list.js",
|
147
147
|
"require": "./components/item-list.cjs"
|
148
148
|
}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { LitElement, ReactiveElement } from 'lit';
|
2
|
+
type Constructor<T = Record<string, unknown>> = {
|
3
|
+
new (...args: any[]): T;
|
4
|
+
prototype: T;
|
5
|
+
};
|
6
|
+
export interface LuzmoInterface {
|
7
|
+
shadowRoot: ShadowRoot;
|
8
|
+
isLTR: boolean;
|
9
|
+
hasVisibleFocusInTree(): boolean;
|
10
|
+
dir: 'ltr' | 'rtl';
|
11
|
+
}
|
12
|
+
export declare function LuzmoMixin<T extends Constructor<ReactiveElement>>(constructor: T): T & Constructor<LuzmoInterface>;
|
13
|
+
declare const LuzmoElement_base: typeof LitElement & Constructor<LuzmoInterface>;
|
14
|
+
export declare class LuzmoElement extends LuzmoElement_base {
|
15
|
+
}
|
16
|
+
export {};
|
@@ -0,0 +1,29 @@
|
|
1
|
+
declare global {
|
2
|
+
interface Window {
|
3
|
+
applyFocusVisiblePolyfill?: (scope: Document | ShadowRoot) => void;
|
4
|
+
}
|
5
|
+
}
|
6
|
+
type Constructor<T = Record<string, unknown>> = {
|
7
|
+
new (...args: any[]): T;
|
8
|
+
prototype: T;
|
9
|
+
};
|
10
|
+
interface OptionalLifecycleCallbacks {
|
11
|
+
connectedCallback?(): void;
|
12
|
+
disconnectedCallback?(): void;
|
13
|
+
manageAutoFocus?(): void;
|
14
|
+
}
|
15
|
+
type MixableBaseClass = HTMLElement & OptionalLifecycleCallbacks;
|
16
|
+
/**
|
17
|
+
* This mixin function is designed to be applied to a class that inherits
|
18
|
+
* from HTMLElement. It makes it easy for a custom element to coordinate with
|
19
|
+
* the :focus-visible polyfill.
|
20
|
+
*
|
21
|
+
* NOTE(cdata): The code here was adapted from an example proposed with the
|
22
|
+
* introduction of ShadowDOM support in the :focus-visible polyfill.
|
23
|
+
*
|
24
|
+
* @see https://github.com/WICG/focus-visible/pull/196
|
25
|
+
* @param SuperClass The base class implementation to decorate with
|
26
|
+
* implementation that coordinates with the :focus-visible polyfill
|
27
|
+
*/
|
28
|
+
export declare const FocusVisiblePolyfillMixin: <T extends Constructor<MixableBaseClass>>(SuperClass: T) => T;
|
29
|
+
export {};
|
@@ -0,0 +1,58 @@
|
|
1
|
+
import { PropertyValues } from 'lit';
|
2
|
+
import { LuzmoElement } from './base';
|
3
|
+
type DisableableElement = HTMLElement & {
|
4
|
+
disabled?: boolean;
|
5
|
+
};
|
6
|
+
declare const Focusable_base: typeof LuzmoElement;
|
7
|
+
/**
|
8
|
+
* Focusable base class handles tabindex setting into shadowed elements automatically.
|
9
|
+
*
|
10
|
+
* This implementation is based heavily on the aybolit delegate-focus-mixin at
|
11
|
+
* https://github.com/web-padawan/aybolit/blob/master/packages/core/src/mixins/delegate-focus-mixin.js
|
12
|
+
*/
|
13
|
+
export declare class Focusable extends Focusable_base {
|
14
|
+
/**
|
15
|
+
* Disable this control. It will not receive focus or events
|
16
|
+
*/
|
17
|
+
disabled: boolean;
|
18
|
+
/**
|
19
|
+
* When this control is rendered, focus it automatically
|
20
|
+
*
|
21
|
+
* @private
|
22
|
+
*/
|
23
|
+
autofocus: boolean;
|
24
|
+
/**
|
25
|
+
* The tab index to apply to this control. See general documentation about
|
26
|
+
* the tabindex HTML property
|
27
|
+
*
|
28
|
+
* @private
|
29
|
+
*/
|
30
|
+
get tabIndex(): number;
|
31
|
+
set tabIndex(tabIndex: number);
|
32
|
+
private _tabIndex;
|
33
|
+
private onPointerdownManagementOfTabIndex;
|
34
|
+
private manageFocusElementTabindex;
|
35
|
+
private manipulatingTabindex;
|
36
|
+
/**
|
37
|
+
* @private
|
38
|
+
*/
|
39
|
+
get focusElement(): DisableableElement;
|
40
|
+
/**
|
41
|
+
* @public
|
42
|
+
* @returns whether the component should manage its focusElement tab-index or not
|
43
|
+
* Needed for action-menu to be supported in action-group in an accessible way
|
44
|
+
*/
|
45
|
+
get selfManageFocusElement(): boolean;
|
46
|
+
focus(options?: FocusOptions): void;
|
47
|
+
blur(): void;
|
48
|
+
click(): void;
|
49
|
+
protected manageAutoFocus(): void;
|
50
|
+
protected firstUpdated(changes: PropertyValues): void;
|
51
|
+
protected update(changedProperties: PropertyValues): void;
|
52
|
+
protected updated(changedProperties: PropertyValues): void;
|
53
|
+
private handleDisabledChanged;
|
54
|
+
protected getUpdateComplete(): Promise<boolean>;
|
55
|
+
private autofocusReady;
|
56
|
+
connectedCallback(): void;
|
57
|
+
}
|
58
|
+
export {};
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { ReactiveElement } from 'lit';
|
2
|
+
type Constructor<T = Record<string, unknown>> = {
|
3
|
+
new (...args: any[]): T;
|
4
|
+
prototype: T;
|
5
|
+
};
|
6
|
+
export type ElementSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
7
|
+
export declare const ElementSizes: Record<string, ElementSize>;
|
8
|
+
export type DefaultElementSize = Exclude<ElementSize, 'xxs' | 'xs' | 'xxl'>;
|
9
|
+
export interface SizedElementInterface {
|
10
|
+
size: ElementSize;
|
11
|
+
}
|
12
|
+
export declare function SizedMixin<T extends Constructor<ReactiveElement>>(constructor: T, { validSizes, noDefaultSize, defaultSize }?: {
|
13
|
+
validSizes?: ElementSize[];
|
14
|
+
noDefaultSize?: boolean;
|
15
|
+
defaultSize?: ElementSize;
|
16
|
+
}): T & Constructor<SizedElementInterface>;
|
17
|
+
export {};
|
@@ -1,40 +0,0 @@
|
|
1
|
-
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
-
*
|
3
|
-
* Copyright © 2025 Luzmo
|
4
|
-
* All rights reserved.
|
5
|
-
* Luzmo web components (“Luzmo Web Components”)
|
6
|
-
* must be used according to the Luzmo Terms of Service.
|
7
|
-
* This license allows users with a current active Luzmo account
|
8
|
-
* to use the Luzmo Web Components. This license terminates
|
9
|
-
* automatically if a user no longer has an active Luzmo account.
|
10
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
-
*
|
12
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
-
* SOFTWARE.
|
19
|
-
* */
|
20
|
-
"use strict";/*! * Lucero - The design system for Luzmo.
|
21
|
-
*
|
22
|
-
* Copyright © 2025 Luzmo
|
23
|
-
* All rights reserved.
|
24
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
25
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
26
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
27
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
28
|
-
*
|
29
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
30
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
31
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
32
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
33
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
|
-
* SOFTWARE.
|
36
|
-
* *//**
|
37
|
-
* @license
|
38
|
-
* Copyright 2017 Google LLC
|
39
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
40
|
-
*/const r=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e);exports.o=r;
|