@luzmo/analytics-components-kit 1.0.1-alpha.38 → 1.0.1-alpha.39
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/{calculate-data-item-icon-BpMATs29.cjs → calculate-data-item-icon-Bygfq3KO.cjs} +1 -1
- package/components/{calculate-data-item-icon-BPZYysi7.js → calculate-data-item-icon-DlyGQVBA.js} +1 -1
- package/components/{de-CCq00pbq.js → de-BbcctJsI.js} +7 -0
- package/components/de-eIqMhTVC.cjs +20 -0
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +9 -9
- package/components/display-settings-binning/index.cjs +1 -1
- package/components/display-settings-binning/index.js +10 -10
- package/components/display-settings-datetime/index.cjs +1 -1
- package/components/display-settings-datetime/index.js +12 -12
- package/components/display-settings-grand-totals/index.cjs +1 -1
- package/components/display-settings-grand-totals/index.js +10 -10
- package/components/display-settings-numeric/index.cjs +1 -1
- package/components/display-settings-numeric/index.js +12 -12
- package/components/display-settings-period-over-period/index.cjs +1 -1
- package/components/display-settings-period-over-period/index.js +10 -10
- package/components/draggable-data-item/index.cjs +1 -1
- package/components/draggable-data-item/index.js +6 -6
- package/components/draggable-data-item-level/index.cjs +1 -1
- package/components/draggable-data-item-level/index.js +8 -8
- package/components/droppable-slot/index.cjs +1 -1
- package/components/droppable-slot/index.js +9 -9
- package/components/edit-item/index.cjs +5 -5
- package/components/edit-item/index.js +5 -5
- package/components/edit-option/index.cjs +1 -1
- package/components/edit-option/index.js +1 -1
- package/components/edit-option-action-button-group/index.cjs +1 -1
- package/components/edit-option-action-button-group/index.js +5 -5
- package/components/{edit-option-base-J7XNb_vp.cjs → edit-option-base-B7owFMOO.cjs} +1 -1
- package/components/{edit-option-base-BHvx3Mlq.js → edit-option-base-Cw2iO2Av.js} +4 -4
- package/components/edit-option-color-picker/index.cjs +30 -30
- package/components/edit-option-color-picker/index.js +6 -6
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +3 -3
- package/components/edit-option-number-field/index.cjs +1 -1
- package/components/edit-option-number-field/index.js +3 -3
- package/components/edit-option-picker/index.cjs +1 -1
- package/components/edit-option-picker/index.js +4 -4
- package/components/edit-option-position-picker/index.cjs +1 -1
- package/components/edit-option-position-picker/index.js +3 -3
- package/components/edit-option-positions-number-field/index.cjs +1 -1
- package/components/edit-option-positions-number-field/index.js +5 -5
- package/components/edit-option-radio-button-group/index.cjs +1 -1
- package/components/edit-option-radio-button-group/index.js +3 -3
- package/components/edit-option-slider/index.cjs +1 -1
- package/components/edit-option-slider/index.js +2 -2
- package/components/edit-option-switch/index.cjs +1 -1
- package/components/edit-option-switch/index.js +2 -2
- package/components/edit-option-text-field/index.cjs +1 -1
- package/components/edit-option-text-field/index.js +3 -3
- package/components/{es-DBmbFw-L.js → es-ByWFTJ0s.js} +7 -0
- package/components/es-tWaYVbsQ.cjs +20 -0
- package/components/filter-data-item-picker/index.cjs +1 -1
- package/components/filter-data-item-picker/index.js +7 -7
- package/components/filter-expression-picker/index.cjs +1 -1
- package/components/filter-expression-picker/index.js +1 -1
- package/components/filter-item/index.cjs +1 -1
- package/components/filter-item/index.js +6 -6
- package/components/filter-value-picker/index.cjs +1 -1
- package/components/filter-value-picker/index.js +3 -3
- package/components/filter-value-picker-datetime/index.cjs +8 -8
- package/components/filter-value-picker-datetime/index.js +12 -12
- package/components/filter-value-picker-hierarchy/index.cjs +1 -1
- package/components/filter-value-picker-hierarchy/index.js +8 -7
- package/components/filter-value-picker-numeric/index.cjs +1 -1
- package/components/filter-value-picker-numeric/index.js +7 -7
- package/components/{focusable-_wp5pWO-.cjs → focusable-BTJYY_Mf.cjs} +1 -1
- package/components/{focusable-DB6Uhr-C.js → focusable-BXhQz3_k.js} +1 -1
- package/components/fr-2igiTsHU.cjs +20 -0
- package/components/{fr-BOwMikLT.js → fr-C5b2Wgoz.js} +7 -0
- package/components/get-css-variable-BEYG097C.js +1446 -0
- package/components/get-css-variable-BZxY4IOa.cjs +35 -0
- package/components/grid/actions.d.ts +21 -0
- package/components/grid/default-actions.d.ts +14 -0
- package/components/grid/grid-item-actions-menu.d.ts +35 -0
- package/components/grid/grid.d.ts +165 -0
- package/components/grid/index.cjs +326 -0
- package/components/grid/index.d.ts +10 -0
- package/components/grid/index.js +8948 -0
- package/components/{if-defined-DqthfJme.cjs → if-defined-Bulnuz1A.cjs} +1 -1
- package/components/{if-defined-B4gwZxx6.js → if-defined-CTc4c9nr.js} +1 -1
- package/components/{index-BNBJLKST.js → index-BC1LV3vH.js} +1 -1
- package/components/{index-BlLF9xYw.js → index-BNwJ9moR.js} +5 -5
- package/components/{index-DJKhZGty.cjs → index-B_dW2-QA.cjs} +14 -14
- package/components/{index-5mZhN-HJ.js → index-BiY07GvX.js} +4 -4
- package/components/{index-Dh6CgbzT.js → index-Boxjo5I0.js} +79 -79
- package/components/{index-uoJRMChX.cjs → index-C2PPSv8E.cjs} +2 -2
- package/components/{index-BhpqKmwq.cjs → index-CAJRL5rT.cjs} +1 -1
- package/components/{index-ROT368zu.cjs → index-CBOAQ3-E.cjs} +5 -5
- package/components/{index-eHmbYtYG.cjs → index-CT2vEcpn.cjs} +2 -2
- package/components/{index-C0mIH6sE.cjs → index-CaVIv7B9.cjs} +1 -1
- package/components/{index-DFe4VuxB.js → index-CbuHBIDB.js} +2 -2
- package/components/index-CcDZIqpD.cjs +192 -0
- package/components/index-CcLRp9ao.js +1685 -0
- package/components/{index-0AQhhYNR.js → index-Ciad94jH.js} +4 -4
- package/components/index-CpGRysX_.js +691 -0
- package/components/{index-COiTyPcJ.cjs → index-CzRmB9z3.cjs} +1 -1
- package/components/{index-CyAospmR.js → index-DE3d0E0P.js} +2 -2
- package/components/index-DFHExzGq.cjs +20 -0
- package/components/{index-BHXq1-M1.cjs → index-DQbl3h5H.cjs} +1 -1
- package/components/{index-CKenYdIM.cjs → index-DSQyBS9Z.cjs} +1 -1
- package/components/{index-jlphu2Tm.js → index-Desl7GJ0.js} +2 -2
- package/components/index-GgkqKtE6.cjs +20 -0
- package/components/{index-BFPa6sJd.js → index-Jmmy73Aq.js} +1 -1
- package/components/{index-B0rH2mr9.cjs → index-Tx5oQjbt.cjs} +1 -1
- package/components/{index-5UNCjfdE.js → index-UWOCtc0Y.js} +6 -6
- package/components/{index-C7pagyza.cjs → index-cHKqEi5-.cjs} +3 -3
- package/components/{index-DDR_JmOh.js → index-rQxtPaJl.js} +1 -1
- package/components/{index-D5asknFy.js → index-sCesmw8l.js} +5 -5
- package/components/index.cjs +1 -1
- package/components/index.js +25 -21
- package/components/item-list.cjs +1 -1
- package/components/item-list.js +267 -46
- package/components/item-menu/item-list/item-list.d.ts +2 -0
- package/components/{localized-decorator-DGnMToFa.js → localized-decorator-DNr1P1m0.js} +1 -1
- package/components/{localized-decorator-ClAOFk8M.cjs → localized-decorator-SOrjcPab.cjs} +1 -1
- package/components/luzmo-icons-DAsjNJNI.cjs +31 -0
- package/components/{luzmo-icons-BZPchcMw.js → luzmo-icons-DEoJcvoL.js} +145 -113
- package/components/{luzmo-icons-NEyaMpEM-1fxXxs3F.cjs → luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs} +2 -2
- package/components/{luzmo-icons-NEyaMpEM-DbyDs_5B.js → luzmo-icons-DbwDQtuO-QG0fLECn.js} +9 -9
- package/components/{nl-CY0iO3Ch.js → nl-76jn_zMH.js} +7 -0
- package/components/nl-B50x7wMn.cjs +20 -0
- package/components/{pending-state-DTX7ggyF-B_9VbFxI.js → pending-state-DTX7ggyF-D1SvcIIz.js} +2 -2
- package/components/{pending-state-DTX7ggyF-C_go9EJh.cjs → pending-state-DTX7ggyF-DZzxjogp.cjs} +1 -1
- package/components/{periods.const-D2cMP5hH.js → periods.const-C89NNRX-.js} +1 -1
- package/components/{periods.const-BbgInj9J.cjs → periods.const-CfXsouLz.cjs} +1 -1
- package/components/{property-Dlf9S6Jz.cjs → property-BCb4Kybn.cjs} +7 -7
- package/components/{property-CxtZroGf.js → property-Dn4zSyxu.js} +46 -36
- package/components/query-all-CR2wWKRD.cjs +24 -0
- package/components/query-all-Ddzx2fEK.js +34 -0
- package/components/{set-locale-5FFfQpVQ.cjs → set-locale-Cam8nRIW.cjs} +1 -1
- package/components/{set-locale-DAGnJZD8.js → set-locale-DbEAMqUs.js} +1 -1
- package/components/{sized-mixin-ZTphZKLm.cjs → sized-mixin-BNtmplgF.cjs} +1 -1
- package/components/{sized-mixin-C7R5uRbF.js → sized-mixin-BR_Ii7le.js} +1 -1
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +4 -4
- package/components/slot-menu-list/index.cjs +2 -6
- package/components/slot-menu-list/index.js +59 -70
- package/components/{state-CrfOw8Zp.cjs → state-BxZEcclm.cjs} +1 -1
- package/components/{state-BVYsk_HZ.js → state-vVJlsarL.js} +1 -1
- package/components/{task-DH8UFyxP.js → task-PQaVY8Iw.js} +1 -1
- package/components/{task-CdvrMX8r.cjs → task-qPJdeXO1.cjs} +1 -1
- package/components/{text-field-B9IkRRxO-CRU1UGaM.cjs → text-field-BIADXoLC-B8w9TVmS.cjs} +1 -1
- package/components/{text-field-B9IkRRxO-CWWQN_rn.js → text-field-BIADXoLC-B9oE05VF.js} +1 -1
- package/components/utils.cjs +1 -1
- package/components/utils.js +56 -472
- package/custom-elements.json +491 -0
- package/index.d.ts +1 -0
- package/package.json +6 -1
- package/utils/filters/expressions.d.ts +1 -1
- package/utils/themes/bliss.d.ts +43 -0
- package/utils/themes/classic-dark.d.ts +34 -0
- package/utils/themes/classic.d.ts +43 -0
- package/utils/themes/default-dark.d.ts +46 -0
- package/utils/themes/default.d.ts +46 -0
- package/utils/themes/index.d.ts +121 -120
- package/utils/themes/orion.d.ts +44 -0
- package/utils/themes/pinky.d.ts +42 -0
- package/utils/themes/radiant.d.ts +42 -0
- package/utils/themes/royale.d.ts +36 -0
- package/utils/themes/seasonal.d.ts +43 -0
- package/utils/themes/urban.d.ts +44 -0
- package/utils/themes/vivid.d.ts +42 -0
- package/components/de-DcZysUyZ.cjs +0 -20
- package/components/es-CGiBfBKJ.cjs +0 -20
- package/components/fr-DZbYwMlh.cjs +0 -20
- package/components/index-B4EIbvuW.cjs +0 -192
- package/components/luzmo-icons-BpFUFRQm.cjs +0 -31
- package/components/nl-0V96M02q.cjs +0 -20
@@ -177,7 +177,7 @@ const H = (e) => (j((t, s) => z(T, t, s)), d = S = e.sourceLocale, f = new Set(e
|
|
177
177
|
], { getLocale: U, setLocale: V } = H({
|
178
178
|
sourceLocale: F,
|
179
179
|
targetLocales: O,
|
180
|
-
loadLocale: (e) => N(/* @__PURE__ */ Object.assign({ "../../generated/locales/de.ts": () => import("./de-
|
180
|
+
loadLocale: (e) => N(/* @__PURE__ */ Object.assign({ "../../generated/locales/de.ts": () => import("./de-BbcctJsI.js"), "../../generated/locales/es.ts": () => import("./es-ByWFTJ0s.js"), "../../generated/locales/fr.ts": () => import("./fr-C5b2Wgoz.js"), "../../generated/locales/nl.ts": () => import("./nl-76jn_zMH.js") }), `../../generated/locales/${e}.ts`, 5)
|
181
181
|
});
|
182
182
|
export {
|
183
183
|
w as L,
|
@@ -17,4 +17,4 @@
|
|
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 p=require("./property-
|
20
|
+
"use strict";const p=require("./property-BCb4Kybn.cjs");var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,_=(r,i,t,n)=>{for(var e=h(i,t),z=r.length-1,s;z>=0;z--)(s=r[z])&&(e=s(i,t,e)||e);return e&&u(i,t,e),e};const d={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl"};function a(r,{validSizes:i=["s","m","l","xl"],noDefaultSize:t,defaultSize:n="m"}={}){class e extends r{constructor(){super(...arguments),this._size=n}get size(){return this._size||n}set size(s){const c=t?null:n,o=s&&s.toLocaleLowerCase(),l=i.includes(o)?o:c;if(l&&this.setAttribute("size",l),this._size===l)return;const x=this._size;this._size=l,this.requestUpdate("size",x)}update(s){!this.hasAttribute("size")&&!t&&this.setAttribute("size",this.size),super.update(s)}}return _([p.n({type:String})],e.prototype,"size"),e}exports.ElementSizes=d;exports.SizedMixin=a;
|
@@ -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
|
-
import { n as p } from "./property-
|
20
|
+
import { n as p } from "./property-Dn4zSyxu.js";
|
21
21
|
var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, a = (r, i, t, n) => {
|
22
22
|
for (var s = h(i, t), o = r.length - 1, e; o >= 0; o--)
|
23
23
|
(e = r[o]) && (s = e(i, t, s) || s);
|
@@ -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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-DtohCwyO.cjs");const t=require("../property-Dlf9S6Jz.cjs");require("../display-settings/index.cjs");require("../slot-menu-list/index.cjs");const a=require("../luzmo-icons-BpFUFRQm.cjs"),p=require("../localize-r7ALOUy_.cjs"),d=require("../query-D5qWDopr.cjs"),h=require("../focusable-_wp5pWO-.cjs"),c=require("../sized-mixin-ZTphZKLm.cjs"),v=":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";var g=Object.defineProperty,n=(i,o,l,r)=>{for(var s=void 0,u=i.length-1,m;u>=0;u--)(m=i[u])&&(s=m(o,l,s)||s);return s&&g(o,l,s),s};class e extends c.SizedMixin(h.LuzmoElement,{validSizes:Object.values(c.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this.slotContents=[],this._slotListData=[],this._slotContents=[],this._currentSlotContent={},this._activeIndex=0}static get styles(){return[t.r(v)]}disconnectedCallback(){super.disconnectedCallback()}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}willUpdate(o){var l;o.has("slotContents")&&(this._slotContents=structuredClone(this.slotContents),this._slotListData=structuredClone(this.slotContents),this._currentSlotContent=((l=this._slotContents)==null?void 0:l[this._activeIndex??0])??{})}updated(){this.updateContentLabel()}_handleSlotListChange(o){var r;this._slotContents=structuredClone(o.detail.slotContents);const l=o.detail.activeIndex;l!==this._activeIndex&&(this._activeIndex=l),this._currentSlotContent=((r=this._slotContents)==null?void 0:r[this._activeIndex??0])??{},this.displaySettingsElement.slotContent=this._currentSlotContent,this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(o){this._slotContents[this._activeIndex]=structuredClone(o.detail.slotContent),this._slotListData=structuredClone(this._slotContents),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotListData),this.updateContentLabel(),this._sendChangeEvent()}updateContentLabel(){if(this.slotContentLabelElement){const o=p.localize(this._slotContents[this._activeIndex].label,this.contentLanguage);this.slotContentLabelElement.textContent=o}}removeSlotContent(o){this._slotContents=this._slotContents.filter((l,r)=>r!==o),this._currentSlotContent={},this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this._activeIndex)}render(){return t.x`<div class="slot-menu-top-menu">
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-DtohCwyO.cjs");const t=require("../property-BCb4Kybn.cjs");require("../display-settings/index.cjs");require("../slot-menu-list/index.cjs");const a=require("../luzmo-icons-DAsjNJNI.cjs"),p=require("../localize-r7ALOUy_.cjs"),d=require("../query-D5qWDopr.cjs"),h=require("../focusable-BTJYY_Mf.cjs"),c=require("../sized-mixin-BNtmplgF.cjs"),v=":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";var g=Object.defineProperty,n=(i,o,l,r)=>{for(var s=void 0,u=i.length-1,m;u>=0;u--)(m=i[u])&&(s=m(o,l,s)||s);return s&&g(o,l,s),s};class e extends c.SizedMixin(h.LuzmoElement,{validSizes:Object.values(c.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this.slotContents=[],this._slotListData=[],this._slotContents=[],this._currentSlotContent={},this._activeIndex=0}static get styles(){return[t.r(v)]}disconnectedCallback(){super.disconnectedCallback()}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}willUpdate(o){var l;o.has("slotContents")&&(this._slotContents=structuredClone(this.slotContents),this._slotListData=structuredClone(this.slotContents),this._currentSlotContent=((l=this._slotContents)==null?void 0:l[this._activeIndex??0])??{})}updated(){this.updateContentLabel()}_handleSlotListChange(o){var r;this._slotContents=structuredClone(o.detail.slotContents);const l=o.detail.activeIndex;l!==this._activeIndex&&(this._activeIndex=l),this._currentSlotContent=((r=this._slotContents)==null?void 0:r[this._activeIndex??0])??{},this.displaySettingsElement.slotContent=this._currentSlotContent,this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(o){this._slotContents[this._activeIndex]=structuredClone(o.detail.slotContent),this._slotListData=structuredClone(this._slotContents),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotListData),this.updateContentLabel(),this._sendChangeEvent()}updateContentLabel(){if(this.slotContentLabelElement){const o=p.localize(this._slotContents[this._activeIndex].label,this.contentLanguage);this.slotContentLabelElement.textContent=o}}removeSlotContent(o){this._slotContents=this._slotContents.filter((l,r)=>r!==o),this._currentSlotContent={},this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this._activeIndex)}render(){return t.x`<div class="slot-menu-top-menu">
|
21
21
|
${this.variant==="draggable"?t.x`<div class="drag-handle">${a.p3(a.W)}</div>`:""}
|
22
22
|
${this._slotContents.length===1&&this.variant!=="popup"?t.x` <div class="slot-content-action">
|
23
23
|
<div class="slot-content-label"></div>
|
@@ -18,14 +18,14 @@
|
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
20
|
import "../index-CskV_bXp.js";
|
21
|
-
import { r as z, x as i, n } from "../property-
|
21
|
+
import { r as z, x as i, n } from "../property-Dn4zSyxu.js";
|
22
22
|
import "../display-settings/index.js";
|
23
23
|
import "../slot-menu-list/index.js";
|
24
|
-
import { a3 as m, a7 as h, a6 as g, a8 as v } from "../luzmo-icons-
|
24
|
+
import { a3 as m, a7 as h, a6 as g, a8 as v } from "../luzmo-icons-DEoJcvoL.js";
|
25
25
|
import { l as b } from "../localize-BX7q0S0M.js";
|
26
26
|
import { e as d } from "../query-Ddbd72Um.js";
|
27
|
-
import { L as f } from "../focusable-
|
28
|
-
import { S as x, E as y } from "../sized-mixin-
|
27
|
+
import { L as f } from "../focusable-BXhQz3_k.js";
|
28
|
+
import { S as x, E as y } from "../sized-mixin-BR_Ii7le.js";
|
29
29
|
const p = () => {
|
30
30
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
31
31
|
const r = document.createElement("style");
|
@@ -17,11 +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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../property-Dlf9S6Jz.cjs"),v=require("../get-css-variable-DLiZYZEi.cjs"),C=require("../luzmo-icons-BpFUFRQm.cjs"),_=require("../localize-r7ALOUy_.cjs"),P=require("../base-BjTwmyRF.cjs"),j=require("../focusable-_wp5pWO-.cjs"),k=require("../sized-mixin-ZTphZKLm.cjs");/**
|
21
|
-
* @license
|
22
|
-
* Copyright 2017 Google LLC
|
23
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
24
|
-
*/let D;function F(i){return(t,e)=>P.e(t,e,{get(){return(this.renderRoot??D??(D=document.createDocumentFragment())).querySelectorAll(i)}})}var L={large:700};function $(i){i.animate([{backgroundColor:"var(--ds-background-selected, #E9F2FF)"},{}],{duration:L.large,easing:"cubic-bezier(0.25, 0.1, 0.25, 1.0)",iterations:1})}function w(i,t){var e=Object.keys(i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(i);t&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(i,s).enumerable})),e.push.apply(e,o)}return e}function S(i){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?w(Object(e),!0).forEach(function(o){v._defineProperty(i,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):w(Object(e)).forEach(function(o){Object.defineProperty(i,o,Object.getOwnPropertyDescriptor(e,o))})}return i}var M={top:function(t,e){return Math.abs(e.y-t.top)},right:function(t,e){return Math.abs(t.right-e.x)},bottom:function(t,e){return Math.abs(t.bottom-e.y)},left:function(t,e){return Math.abs(e.x-t.left)}},I=Symbol("closestEdge");function q(i,t){var e,o,s=t.element,u=t.input,n=t.allowedEdges,l={x:u.clientX,y:u.clientY},r=s.getBoundingClientRect(),a=n.map(function(c){return{edge:c,value:M[c](r,l)}}),d=(e=(o=a.sort(function(c,b){return c.value-b.value})[0])===null||o===void 0?void 0:o.edge)!==null&&e!==void 0?e:null;return S(S({},i),{},v._defineProperty({},I,d))}function E(i){var t;return(t=i[I])!==null&&t!==void 0?t:null}const A=':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';var T=Object.defineProperty,f=(i,t,e,o)=>{for(var s=void 0,u=i.length-1,n;u>=0;u--)(n=i[u])&&(s=n(t,e,s)||s);return s&&T(t,e,s),s};class h extends k.SizedMixin(j.LuzmoElement,{validSizes:Object.values(k.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent("slot-list-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements].forEach(t=>{const e=this._sendChangeEvent.bind(this),o=this,s=v.draggable({element:t,onGenerateDragPreview({nativeSetDragImage:n}){v.setCustomNativeDragPreview({nativeSetDragImage:n,render({container:l}){var d;const r=document.createElement("div");r.classList.add("drag-preview");const a={};[["borderColor","--luzmo-slot-menu-list-border-color","--luzmo-border-color"],["backgroundColor","--luzmo-slot-menu-list-background-color","--luzmo-background-color"],["color","--luzmo-slot-menu-list-font-color","--slot-menu-list-font-color"],["fontSize","--luzmo-slot-menu-list-font-size","--slot-menu-list-font-size"],["horizontalPadding","--luzmo-slot-menu-list-item-horizontal-padding","--slot-menu-list-item-horizontal-padding"],["verticalPadding","--luzmo-slot-menu-list-item-vertical-padding","--slot-menu-list-item-vertical-padding"],["borderRadius","--luzmo-slot-menu-list-border-radius","--luzmo-border-radius"],["fontFamily","--luzmo-slot-menu-list-font-family","--luzmo-font-family"]].forEach(([c,b,y])=>{const m=v.getCssVariableValue(t,b)||v.getCssVariableValue(t,y);a[c]=m}),r.textContent=((d=t.querySelector("[data-task-content]"))==null?void 0:d.textContent)??t.textContent,Object.assign(r.style,{border:`1px solid ${a.borderColor}`,backgroundColor:a.backgroundColor,borderRadius:a.borderRadius,fontFamily:a.fontFamily,fontSize:a.fontSize,color:a.color,paddingInline:`${a.horizontalPadding}`,paddingBlock:`${a.verticalPadding}`}),l.append(r)}})},getInitialData(){var r;const n=t.parentElement;let l=0;return n&&(l=[...((r=n.parentElement)==null?void 0:r.children)??[]].indexOf(n)),{index:l}},onDragStart(){t.style.opacity="0.5"},onDrop(){t.style.opacity="1"}});this._cleanupFns.push(s);const u=v.dropTargetForElements({element:t,canDrop({source:n}){var l;return n.element===t?!1:(l=n==null?void 0:n.element)==null?void 0:l.classList.contains("draggable-slot-content")},getData(n){return q({},{element:t,input:n.input,allowedEdges:["top","bottom"]})},getIsSticky(){return!0},onDragEnter({self:n}){const l=E(n.data);if(!l)return;const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDrag({self:n}){var a,d,c;const l=E(n.data);if(!l){(a=t.nextElementSibling)==null||a.remove();return}if(((d=t.nextElementSibling)==null?void 0:d.getAttribute("data-edge"))===l)return;(c=t.nextElementSibling)==null||c.remove();const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDragLeave(){var n;(n=t.nextElementSibling)==null||n.remove()},onDrop({self:n,source:l}){var d,c,b,y;(d=t.nextElementSibling)==null||d.remove();const r=E(n.data),a=n.element.parentElement;if(typeof l.data.index=="number"&&a){let m=[...((c=a.parentElement)==null?void 0:c.children)??[]].indexOf(a);r==="bottom"&&l.data.index>=m&&m<(((y=(b=a==null?void 0:a.parentElement)==null?void 0:b.children)==null?void 0:y.length)??0)-1?m+=1:r==="top"&&m>l.data.index&&(m-=1);const g=o.activeIndex,z=l.data.index,x=m,O=o.slotContents[z];o.slotContents.splice(z,1),o.slotContents.splice(x,0,O),z===g?o.activeIndex=x:z<g&&x>=g?o.activeIndex=g-1:z>g&&x<=g&&(o.activeIndex=g+1)}r&&($(l.element),o.requestUpdate(),e())}});this._cleanupFns.push(u)})},this._detachAll=()=>{this._cleanupFns.forEach(t=>t()),this._cleanupFns=[]}}static get styles(){return[p.r(A)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}setActiveIndex(t){this.activeIndex=t,this._sendChangeEvent()}removeSlotContent(t){this.slotContents=this.slotContents.filter((e,o)=>o!==t),this.activeIndex===t?this.activeIndex=t:this.slotContents.length>0&&this.activeIndex>t&&this.activeIndex--,this._sendChangeEvent()}render(){const t=this.slotContents.map((e,o)=>{const s=_.localize(e.label,this.contentLanguage);return p.x`<li class=${o===this.activeIndex?"active":""}>
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../property-BCb4Kybn.cjs"),v=require("../get-css-variable-BZxY4IOa.cjs"),C=require("../luzmo-icons-DAsjNJNI.cjs"),_=require("../localize-r7ALOUy_.cjs"),P=require("../query-all-CR2wWKRD.cjs"),j=require("../focusable-BTJYY_Mf.cjs"),k=require("../sized-mixin-BNtmplgF.cjs");var D={large:700};function F(i){i.animate([{backgroundColor:"var(--ds-background-selected, #E9F2FF)"},{}],{duration:D.large,easing:"cubic-bezier(0.25, 0.1, 0.25, 1.0)",iterations:1})}function w(i,t){var e=Object.keys(i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(i);t&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(i,s).enumerable})),e.push.apply(e,o)}return e}function S(i){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?w(Object(e),!0).forEach(function(o){v._defineProperty(i,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):w(Object(e)).forEach(function(o){Object.defineProperty(i,o,Object.getOwnPropertyDescriptor(e,o))})}return i}var L={top:function(t,e){return Math.abs(e.y-t.top)},right:function(t,e){return Math.abs(t.right-e.x)},bottom:function(t,e){return Math.abs(t.bottom-e.y)},left:function(t,e){return Math.abs(e.x-t.left)}},I=Symbol("closestEdge");function $(i,t){var e,o,s=t.element,u=t.input,n=t.allowedEdges,l={x:u.clientX,y:u.clientY},r=s.getBoundingClientRect(),a=n.map(function(c){return{edge:c,value:L[c](r,l)}}),d=(e=(o=a.sort(function(c,b){return c.value-b.value})[0])===null||o===void 0?void 0:o.edge)!==null&&e!==void 0?e:null;return S(S({},i),{},v._defineProperty({},I,d))}function E(i){var t;return(t=i[I])!==null&&t!==void 0?t:null}const M=':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';var q=Object.defineProperty,f=(i,t,e,o)=>{for(var s=void 0,u=i.length-1,n;u>=0;u--)(n=i[u])&&(s=n(t,e,s)||s);return s&&q(t,e,s),s};class h extends k.SizedMixin(j.LuzmoElement,{validSizes:Object.values(k.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent("slot-list-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements].forEach(t=>{const e=this._sendChangeEvent.bind(this),o=this,s=v.draggable({element:t,onGenerateDragPreview({nativeSetDragImage:n}){v.setCustomNativeDragPreview({nativeSetDragImage:n,render({container:l}){var d;const r=document.createElement("div");r.classList.add("drag-preview");const a={};[["borderColor","--luzmo-slot-menu-list-border-color","--luzmo-border-color"],["backgroundColor","--luzmo-slot-menu-list-background-color","--luzmo-background-color"],["color","--luzmo-slot-menu-list-font-color","--slot-menu-list-font-color"],["fontSize","--luzmo-slot-menu-list-font-size","--slot-menu-list-font-size"],["horizontalPadding","--luzmo-slot-menu-list-item-horizontal-padding","--slot-menu-list-item-horizontal-padding"],["verticalPadding","--luzmo-slot-menu-list-item-vertical-padding","--slot-menu-list-item-vertical-padding"],["borderRadius","--luzmo-slot-menu-list-border-radius","--luzmo-border-radius"],["fontFamily","--luzmo-slot-menu-list-font-family","--luzmo-font-family"]].forEach(([c,b,y])=>{const m=v.getCssVariableValue(t,b)||v.getCssVariableValue(t,y);a[c]=m}),r.textContent=((d=t.querySelector("[data-task-content]"))==null?void 0:d.textContent)??t.textContent,Object.assign(r.style,{border:`1px solid ${a.borderColor}`,backgroundColor:a.backgroundColor,borderRadius:a.borderRadius,fontFamily:a.fontFamily,fontSize:a.fontSize,color:a.color,paddingInline:`${a.horizontalPadding}`,paddingBlock:`${a.verticalPadding}`}),l.append(r)}})},getInitialData(){var r;const n=t.parentElement;let l=0;return n&&(l=[...((r=n.parentElement)==null?void 0:r.children)??[]].indexOf(n)),{index:l}},onDragStart(){t.style.opacity="0.5"},onDrop(){t.style.opacity="1"}});this._cleanupFns.push(s);const u=v.dropTargetForElements({element:t,canDrop({source:n}){var l;return n.element===t?!1:(l=n==null?void 0:n.element)==null?void 0:l.classList.contains("draggable-slot-content")},getData(n){return $({},{element:t,input:n.input,allowedEdges:["top","bottom"]})},getIsSticky(){return!0},onDragEnter({self:n}){const l=E(n.data);if(!l)return;const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDrag({self:n}){var a,d,c;const l=E(n.data);if(!l){(a=t.nextElementSibling)==null||a.remove();return}if(((d=t.nextElementSibling)==null?void 0:d.getAttribute("data-edge"))===l)return;(c=t.nextElementSibling)==null||c.remove();const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDragLeave(){var n;(n=t.nextElementSibling)==null||n.remove()},onDrop({self:n,source:l}){var d,c,b,y;(d=t.nextElementSibling)==null||d.remove();const r=E(n.data),a=n.element.parentElement;if(typeof l.data.index=="number"&&a){let m=[...((c=a.parentElement)==null?void 0:c.children)??[]].indexOf(a);r==="bottom"&&l.data.index>=m&&m<(((y=(b=a==null?void 0:a.parentElement)==null?void 0:b.children)==null?void 0:y.length)??0)-1?m+=1:r==="top"&&m>l.data.index&&(m-=1);const g=o.activeIndex,z=l.data.index,x=m,O=o.slotContents[z];o.slotContents.splice(z,1),o.slotContents.splice(x,0,O),z===g?o.activeIndex=x:z<g&&x>=g?o.activeIndex=g-1:z>g&&x<=g&&(o.activeIndex=g+1)}r&&(F(l.element),o.requestUpdate(),e())}});this._cleanupFns.push(u)})},this._detachAll=()=>{this._cleanupFns.forEach(t=>t()),this._cleanupFns=[]}}static get styles(){return[p.r(M)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}setActiveIndex(t){this.activeIndex=t,this._sendChangeEvent()}removeSlotContent(t){this.slotContents=this.slotContents.filter((e,o)=>o!==t),this.activeIndex===t?this.activeIndex=t:this.slotContents.length>0&&this.activeIndex>t&&this.activeIndex--,this._sendChangeEvent()}render(){const t=this.slotContents.map((e,o)=>{const s=_.localize(e.label,this.contentLanguage);return p.x`<li class=${o===this.activeIndex?"active":""}>
|
25
21
|
<div class="draggable-slot-content">
|
26
22
|
<div
|
27
23
|
class="draggable-slot-content-label"
|
@@ -36,4 +32,4 @@
|
|
36
32
|
${C.p3(C.C1)}
|
37
33
|
</div>
|
38
34
|
</div>
|
39
|
-
</li>`});return p.x`<div>${t}</div>`}}f([p.n({type:String,reflect:!0})],h.prototype,"language");f([p.n({type:String,attribute:"content-language",reflect:!0})],h.prototype,"contentLanguage");f([
|
35
|
+
</li>`});return p.x`<div>${t}</div>`}}f([p.n({type:String,reflect:!0})],h.prototype,"language");f([p.n({type:String,attribute:"content-language",reflect:!0})],h.prototype,"contentLanguage");f([P.r(".draggable-slot-content")],h.prototype,"_draggableSlotContentElements");f([p.n()],h.prototype,"slotContents");f([p.n({type:Number})],h.prototype,"activeIndex");customElements.get("luzmo-slot-menu-list")||customElements.define("luzmo-slot-menu-list",h);exports.LuzmoSlotMenuList=h;
|
@@ -17,39 +17,28 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
import { r as P, x as E, n as x } from "../property-
|
21
|
-
import { _ as S, d as F,
|
22
|
-
import { a3 as $, a6 as L } from "../luzmo-icons-
|
23
|
-
import { l as
|
24
|
-
import {
|
25
|
-
import { L as R } from "../focusable-
|
26
|
-
import { S as
|
20
|
+
import { r as P, x as E, n as x } from "../property-Dn4zSyxu.js";
|
21
|
+
import { _ as S, d as F, s as j, a as D, g as w } from "../get-css-variable-BEYG097C.js";
|
22
|
+
import { a3 as $, a6 as L } from "../luzmo-icons-DEoJcvoL.js";
|
23
|
+
import { l as M } from "../localize-BX7q0S0M.js";
|
24
|
+
import { r as A } from "../query-all-Ddzx2fEK.js";
|
25
|
+
import { L as R } from "../focusable-BXhQz3_k.js";
|
26
|
+
import { S as T, E as q } from "../sized-mixin-BR_Ii7le.js";
|
27
27
|
const _ = () => {
|
28
28
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
29
|
-
const
|
30
|
-
|
29
|
+
const r = document.createElement("style");
|
30
|
+
r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
|
31
31
|
}
|
32
32
|
};
|
33
33
|
_();
|
34
|
-
|
35
|
-
* @license
|
36
|
-
* Copyright 2017 Google LLC
|
37
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
38
|
-
*/
|
39
|
-
let U;
|
40
|
-
function B(l) {
|
41
|
-
return (o, t) => M(o, t, { get() {
|
42
|
-
return (this.renderRoot ?? U ?? (U = document.createDocumentFragment())).querySelectorAll(l);
|
43
|
-
} });
|
44
|
-
}
|
45
|
-
var N = {
|
34
|
+
var U = {
|
46
35
|
large: 700
|
47
36
|
};
|
48
|
-
function
|
49
|
-
|
37
|
+
function B(r) {
|
38
|
+
r.animate([{
|
50
39
|
backgroundColor: "var(--ds-background-selected, #E9F2FF)"
|
51
40
|
}, {}], {
|
52
|
-
duration:
|
41
|
+
duration: U.large,
|
53
42
|
/**
|
54
43
|
* This is equivalent to the browser default, but we are making it
|
55
44
|
* explicit to avoid relying on implicit behavior.
|
@@ -61,28 +50,28 @@ function V(l) {
|
|
61
50
|
iterations: 1
|
62
51
|
});
|
63
52
|
}
|
64
|
-
function k(
|
65
|
-
var t = Object.keys(
|
53
|
+
function k(r, o) {
|
54
|
+
var t = Object.keys(r);
|
66
55
|
if (Object.getOwnPropertySymbols) {
|
67
|
-
var e = Object.getOwnPropertySymbols(
|
56
|
+
var e = Object.getOwnPropertySymbols(r);
|
68
57
|
o && (e = e.filter(function(s) {
|
69
|
-
return Object.getOwnPropertyDescriptor(
|
58
|
+
return Object.getOwnPropertyDescriptor(r, s).enumerable;
|
70
59
|
})), t.push.apply(t, e);
|
71
60
|
}
|
72
61
|
return t;
|
73
62
|
}
|
74
|
-
function C(
|
63
|
+
function C(r) {
|
75
64
|
for (var o = 1; o < arguments.length; o++) {
|
76
65
|
var t = arguments[o] != null ? arguments[o] : {};
|
77
66
|
o % 2 ? k(Object(t), !0).forEach(function(e) {
|
78
|
-
S(
|
79
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(
|
80
|
-
Object.defineProperty(
|
67
|
+
S(r, e, t[e]);
|
68
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : k(Object(t)).forEach(function(e) {
|
69
|
+
Object.defineProperty(r, e, Object.getOwnPropertyDescriptor(t, e));
|
81
70
|
});
|
82
71
|
}
|
83
|
-
return
|
72
|
+
return r;
|
84
73
|
}
|
85
|
-
var
|
74
|
+
var N = {
|
86
75
|
top: function(o, t) {
|
87
76
|
return Math.abs(t.y - o.top);
|
88
77
|
},
|
@@ -96,32 +85,32 @@ var G = {
|
|
96
85
|
return Math.abs(t.x - o.left);
|
97
86
|
}
|
98
87
|
}, I = Symbol("closestEdge");
|
99
|
-
function
|
100
|
-
var t, e, s = o.element, d = o.input,
|
88
|
+
function V(r, o) {
|
89
|
+
var t, e, s = o.element, d = o.input, l = o.allowedEdges, n = {
|
101
90
|
x: d.clientX,
|
102
91
|
y: d.clientY
|
103
|
-
}, i = s.getBoundingClientRect(), a =
|
92
|
+
}, i = s.getBoundingClientRect(), a = l.map(function(c) {
|
104
93
|
return {
|
105
94
|
edge: c,
|
106
|
-
value:
|
95
|
+
value: N[c](i, n)
|
107
96
|
};
|
108
97
|
}), u = (t = (e = a.sort(function(c, p) {
|
109
98
|
return c.value - p.value;
|
110
99
|
})[0]) === null || e === void 0 ? void 0 : e.edge) !== null && t !== void 0 ? t : null;
|
111
|
-
return C(C({},
|
100
|
+
return C(C({}, r), {}, S({}, I, u));
|
112
101
|
}
|
113
|
-
function y(
|
102
|
+
function y(r) {
|
114
103
|
var o;
|
115
|
-
return (o =
|
104
|
+
return (o = r[I]) !== null && o !== void 0 ? o : null;
|
116
105
|
}
|
117
|
-
const
|
118
|
-
var
|
119
|
-
for (var s = void 0, d =
|
120
|
-
(
|
121
|
-
return s &&
|
106
|
+
const G = ':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';
|
107
|
+
var H = Object.defineProperty, h = (r, o, t, e) => {
|
108
|
+
for (var s = void 0, d = r.length - 1, l; d >= 0; d--)
|
109
|
+
(l = r[d]) && (s = l(o, t, s) || s);
|
110
|
+
return s && H(o, t, s), s;
|
122
111
|
};
|
123
|
-
class z extends
|
124
|
-
validSizes: Object.values(
|
112
|
+
class z extends T(R, {
|
113
|
+
validSizes: Object.values(q)
|
125
114
|
}) {
|
126
115
|
constructor() {
|
127
116
|
super(...arguments), this.language = "en", this.contentLanguage = "en", this.slotContents = [], this.activeIndex = 0, this._sendChangeEvent = () => {
|
@@ -140,9 +129,9 @@ class z extends q(R, {
|
|
140
129
|
[...this._draggableSlotContentElements].forEach((o) => {
|
141
130
|
const t = this._sendChangeEvent.bind(this), e = this, s = F({
|
142
131
|
element: o,
|
143
|
-
onGenerateDragPreview({ nativeSetDragImage:
|
132
|
+
onGenerateDragPreview({ nativeSetDragImage: l }) {
|
144
133
|
j({
|
145
|
-
nativeSetDragImage:
|
134
|
+
nativeSetDragImage: l,
|
146
135
|
render({ container: n }) {
|
147
136
|
var u;
|
148
137
|
const i = document.createElement("div");
|
@@ -208,10 +197,10 @@ class z extends q(R, {
|
|
208
197
|
},
|
209
198
|
getInitialData() {
|
210
199
|
var i;
|
211
|
-
const
|
200
|
+
const l = o.parentElement;
|
212
201
|
let n = 0;
|
213
|
-
return
|
214
|
-
|
202
|
+
return l && (n = [...((i = l.parentElement) == null ? void 0 : i.children) ?? []].indexOf(
|
203
|
+
l
|
215
204
|
)), {
|
216
205
|
index: n
|
217
206
|
};
|
@@ -226,16 +215,16 @@ class z extends q(R, {
|
|
226
215
|
this._cleanupFns.push(s);
|
227
216
|
const d = D({
|
228
217
|
element: o,
|
229
|
-
canDrop({ source:
|
218
|
+
canDrop({ source: l }) {
|
230
219
|
var n;
|
231
|
-
return
|
220
|
+
return l.element === o ? !1 : (n = l == null ? void 0 : l.element) == null ? void 0 : n.classList.contains("draggable-slot-content");
|
232
221
|
},
|
233
|
-
getData(
|
234
|
-
return
|
222
|
+
getData(l) {
|
223
|
+
return V(
|
235
224
|
{},
|
236
225
|
{
|
237
226
|
element: o,
|
238
|
-
input:
|
227
|
+
input: l.input,
|
239
228
|
allowedEdges: ["top", "bottom"]
|
240
229
|
}
|
241
230
|
);
|
@@ -243,16 +232,16 @@ class z extends q(R, {
|
|
243
232
|
getIsSticky() {
|
244
233
|
return !0;
|
245
234
|
},
|
246
|
-
onDragEnter({ self:
|
247
|
-
const n = y(
|
235
|
+
onDragEnter({ self: l }) {
|
236
|
+
const n = y(l.data);
|
248
237
|
if (!n)
|
249
238
|
return;
|
250
239
|
const i = document.createElement("div");
|
251
240
|
i.classList.add("drop-indicator"), i.dataset.edge = n, o.after(i);
|
252
241
|
},
|
253
|
-
onDrag({ self:
|
242
|
+
onDrag({ self: l }) {
|
254
243
|
var a, u, c;
|
255
|
-
const n = y(
|
244
|
+
const n = y(l.data);
|
256
245
|
if (!n) {
|
257
246
|
(a = o.nextElementSibling) == null || a.remove();
|
258
247
|
return;
|
@@ -264,13 +253,13 @@ class z extends q(R, {
|
|
264
253
|
i.classList.add("drop-indicator"), i.dataset.edge = n, o.after(i);
|
265
254
|
},
|
266
255
|
onDragLeave() {
|
267
|
-
var
|
268
|
-
(
|
256
|
+
var l;
|
257
|
+
(l = o.nextElementSibling) == null || l.remove();
|
269
258
|
},
|
270
|
-
onDrop({ self:
|
259
|
+
onDrop({ self: l, source: n }) {
|
271
260
|
var u, c, p, b;
|
272
261
|
(u = o.nextElementSibling) == null || u.remove();
|
273
|
-
const i = y(
|
262
|
+
const i = y(l.data), a = l.element.parentElement;
|
274
263
|
if (typeof n.data.index == "number" && a) {
|
275
264
|
let m = [...((c = a.parentElement) == null ? void 0 : c.children) ?? []].indexOf(
|
276
265
|
a
|
@@ -279,7 +268,7 @@ class z extends q(R, {
|
|
279
268
|
const g = e.activeIndex, v = n.data.index, f = m, O = e.slotContents[v];
|
280
269
|
e.slotContents.splice(v, 1), e.slotContents.splice(f, 0, O), v === g ? e.activeIndex = f : v < g && f >= g ? e.activeIndex = g - 1 : v > g && f <= g && (e.activeIndex = g + 1);
|
281
270
|
}
|
282
|
-
i && (
|
271
|
+
i && (B(n.element), e.requestUpdate(), t());
|
283
272
|
}
|
284
273
|
});
|
285
274
|
this._cleanupFns.push(d);
|
@@ -289,7 +278,7 @@ class z extends q(R, {
|
|
289
278
|
};
|
290
279
|
}
|
291
280
|
static get styles() {
|
292
|
-
return [P(
|
281
|
+
return [P(G)];
|
293
282
|
}
|
294
283
|
willUpdate() {
|
295
284
|
this._detachAll();
|
@@ -309,7 +298,7 @@ class z extends q(R, {
|
|
309
298
|
render() {
|
310
299
|
const o = this.slotContents.map(
|
311
300
|
(t, e) => {
|
312
|
-
const s =
|
301
|
+
const s = M(t.label, this.contentLanguage);
|
313
302
|
return E`<li class=${e === this.activeIndex ? "active" : ""}>
|
314
303
|
<div class="draggable-slot-content">
|
315
304
|
<div
|
@@ -338,7 +327,7 @@ h([
|
|
338
327
|
x({ type: String, attribute: "content-language", reflect: !0 })
|
339
328
|
], z.prototype, "contentLanguage");
|
340
329
|
h([
|
341
|
-
|
330
|
+
A(".draggable-slot-content")
|
342
331
|
], z.prototype, "_draggableSlotContentElements");
|
343
332
|
h([
|
344
333
|
x()
|
@@ -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 r=require("./property-
|
20
|
+
"use strict";const r=require("./property-BCb4Kybn.cjs");/**
|
21
21
|
* @license
|
22
22
|
* Copyright 2017 Google LLC
|
23
23
|
* SPDX-License-Identifier: BSD-3-Clause
|
@@ -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
|
-
import { n as r } from "./property-
|
20
|
+
import { n as r } from "./property-Dn4zSyxu.js";
|
21
21
|
/**
|
22
22
|
* @license
|
23
23
|
* Copyright 2017 Google LLC
|
@@ -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
|
-
import { f as d } from "./property-
|
20
|
+
import { f as d } from "./property-Dn4zSyxu.js";
|
21
21
|
/**
|
22
22
|
* @license
|
23
23
|
* Copyright 2017 Google LLC
|
@@ -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 d=require("./property-
|
20
|
+
"use strict";const d=require("./property-BCb4Kybn.cjs");/**
|
21
21
|
* @license
|
22
22
|
* Copyright 2017 Google LLC
|
23
23
|
* SPDX-License-Identifier: BSD-3-Clause
|
@@ -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("./base-D76d76ww-tT6yr8eb.cjs"),d=require("./directive-helpers-Cm6gitnu-BeggOiwf.cjs"),a=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),c=require("./luzmo-icons-
|
20
|
+
"use strict";const t=require("./base-D76d76ww-tT6yr8eb.cjs"),d=require("./directive-helpers-Cm6gitnu-BeggOiwf.cjs"),a=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),c=require("./luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),m=require("./focusable-BxtpnzWp-CkK9AeMt.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.
|
@@ -20,7 +20,7 @@
|
|
20
20
|
import { R as s, m as g, a as b, d as u, v as h, z as r } from "./base-D76d76ww-BGkuhs54.js";
|
21
21
|
import { _ as z, n as m, $ as y, s as c, B as k, x as w } from "./directive-helpers-Cm6gitnu-CeYtlPO9.js";
|
22
22
|
import { m as n, d as $ } from "./if-defined-DOaE2coe-CNT45Xcl.js";
|
23
|
-
import { D as v, u as q, Z as T } from "./luzmo-icons-
|
23
|
+
import { D as v, u as q, Z as T } from "./luzmo-icons-DbwDQtuO-QG0fLECn.js";
|
24
24
|
import { r as E } from "./focusable-BxtpnzWp-DJQkL8Zv.js";
|
25
25
|
import { n as f, u as I } from "./element-resolution-FCUT-wql--7ctE626.js";
|
26
26
|
/*! * Lucero - The design system for Luzmo.
|
package/components/utils.cjs
CHANGED
@@ -17,4 +17,4 @@
|
|
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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./decompose-numeric-format-B3rVVHpO.cjs"),A=require("./formatter-DiJYkB6b.cjs"),q=require("./localize-r7ALOUy_.cjs"),S=require("./index-BIrO4_kD.cjs"),z=require("./index-GgkqKtE6.cjs");function N(o){var a,m,h,C;const c=[],f=[];Object.keys(S.slotsConfigs).forEach(e=>{e.replace("SlotsConfig","");const t=e.replace("SlotsConfig","").replaceAll(/([A-Z])/g,"-$1").toLowerCase();f.push({type:t,slotsConfig:S.slotsConfigs[e]})});const i=f.find(e=>e.type===(o==null?void 0:o.oldItemType)),n=f.find(e=>e.type===(o==null?void 0:o.newItemType)),s=structuredClone((n==null?void 0:n.slotsConfig)??[]);if(!n)return{type:(i==null?void 0:i.type)??"bar-chart",slots:o.slots??[]};const r=structuredClone(o.slots??[]);for(const e of r){const t=i==null?void 0:i.slotsConfig.find(T=>T.name===e.name);e.type=(t==null?void 0:t.type)??(e==null?void 0:e.type)}const u=r.filter(e=>e.type==="mixed").sort((e,t)=>e.order-t.order),y=s.filter(e=>e.type==="mixed").sort((e,t)=>e.order-t.order),x=r.filter(e=>e.type==="numeric").sort((e,t)=>e.order-t.order),O=s.filter(e=>e.type==="numeric").sort((e,t)=>e.order-t.order),l=[];for(const e of x)for(const t of e.content)t.key="old-measure-"+(e==null?void 0:e.name)+"-"+e.content.indexOf(t),l.push(t);for(const e of u)for(const t of e.content)t.type==="numeric"&&(t.key="old-mixed-"+(e==null?void 0:e.name)+"-"+e.content.indexOf(t),l.push(t));const k=[...O,...y].sort((e,t)=>s.indexOf(e)-s.indexOf(t));for(const e of l)for(const t of k)c.includes(e.key)||(t.content=(t==null?void 0:t.content)??[],(((a=t==null?void 0:t.content)==null?void 0:a.length)===0||((m=t==null?void 0:t.content)==null?void 0:m.length)>0&&(t==null?void 0:t.canAcceptMultipleColumns)===!0)&&(t.content.push(e),c.push(e.key)));const w=r.filter(e=>e.type==="categorical").sort((e,t)=>e.order-t.order),M=s.filter(e=>e.type==="categorical").sort((e,t)=>e.order-t.order),d=[];for(const e of w)for(const t of e.content)t.key="old-dimension-"+(e==null?void 0:e.name)+"-"+e.content.indexOf(t),d.push(t);for(const e of u)for(const t of e.content)t.type!=="numeric"&&(t.key="old-mixed-"+(e==null?void 0:e.name)+"-"+e.content.indexOf(t),d.push(t));const b=[...M,...y].sort((e,t)=>s.indexOf(e)-s.indexOf(t));for(const e of d)if(!c.includes(e.key))for(const t of b)t&&!c.includes(e.key)&&(t.content=(t==null?void 0:t.content)??[],(((h=t==null?void 0:t.content)==null?void 0:h.length)===0||((C=t==null?void 0:t.content)==null?void 0:C.length)>0&&(t==null?void 0:t.canAcceptMultipleColumns)===!0)&&(t.content.push(e),c.push(e.key)));let p={...o.options};return n.setInitialOptions&&(p=n==null?void 0:n.setInitialOptions({...p})),{type:n.type??"bar-chart",slots:s.map(e=>({name:e.name,content:e.content??[]}))??[],options:p??{...o.options}}}exports.decomposeNumericFormat=g.decomposeNumericFormat;exports.formatter=A.formatter;exports.localize=q.localize;exports.themes=z.themes;exports.switchItem=N;
|