@breadstone/mosaik-elements-foundation 0.1.1 → 0.1.2
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/Controls/Components/Inputs/Select/SelectItemElement.d.ts +3 -2
- package/Controls/Components/Inputs/Select/SelectItemElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Select/SelectItemElement.js +3 -2
- package/Controls/Components/Inputs/Select/SelectItemElement.js.map +1 -1
- package/Controls/Components/Inputs/Select/SelectItemElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Inputs/Select/SelectItemElementTemplate.js +11 -13
- package/Controls/Components/Inputs/Select/SelectItemElementTemplate.js.map +1 -1
- package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts +3 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.js +3 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.js.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.js +19 -20
- package/Controls/Components/Selectors/Combo/ComboItemElementTemplate.js.map +1 -1
- package/Controls/Components/Selectors/Combo/Themes/ComboItemElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js +1 -1
- package/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.js +0 -2
- package/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Shell/Themes/AppElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Shell/Themes/AppElement.Joy.js +0 -2
- package/Controls/Components/Shell/Themes/AppElement.Joy.js.map +1 -1
- package/Controls/Components/Shell/Themes/AppElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Shell/Themes/AppElement.Memphis.js +0 -2
- package/Controls/Components/Shell/Themes/AppElement.Memphis.js.map +1 -1
- package/custom-elements.json +19 -7
- package/package.json +3 -3
|
@@ -19,9 +19,10 @@ declare const SelectItemElement_base: (abstract new (...args: Array<any>) => imp
|
|
|
19
19
|
* @element mosaik-select-item
|
|
20
20
|
* @category Selectors
|
|
21
21
|
*
|
|
22
|
-
* @slot
|
|
22
|
+
* @slot checkmark - The checkmark slot.
|
|
23
|
+
* @slot end - The end slot.
|
|
23
24
|
* @slot icon - The icon display area alongside the label
|
|
24
|
-
* @slot
|
|
25
|
+
* @slot end - Content placed after the label (e.g., shortcuts, metadata)
|
|
25
26
|
* @slot start - Content placed before the icon (e.g., status indicators, badges)
|
|
26
27
|
*
|
|
27
28
|
* @csspart checkmark - The selection indicator checkmark
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectItemElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemElement.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAQhD
|
|
1
|
+
{"version":3,"file":"SelectItemElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemElement.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAQhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AACH,qBAoBa,iBACT,SAAQ,sBACR,YAAW,uBAAuB;IAIlC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAAU;IAM3B;;OAEG;;IAYH;;;;;;;;OAQG;IAGH,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;;;OAOG;IACH,IAAoB,WAAW,IAAI,MAAM,CASxC;IAED;;;;;OAKG;IACH,SAAS,KAAK,MAAM,IAAI,aAAa,CAKpC;IAMD;;OAEG;IAEH,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAU1C;;OAEG;IAEH,SAAS,CAAC,wBAAwB,IAAI,IAAI;CAU7C;AAED;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}
|
|
@@ -48,9 +48,10 @@ import { selectItemElementMemphisStyle } from './Themes/SelectItemElement.Memphi
|
|
|
48
48
|
* @element mosaik-select-item
|
|
49
49
|
* @category Selectors
|
|
50
50
|
*
|
|
51
|
-
* @slot
|
|
51
|
+
* @slot checkmark - The checkmark slot.
|
|
52
|
+
* @slot end - The end slot.
|
|
52
53
|
* @slot icon - The icon display area alongside the label
|
|
53
|
-
* @slot
|
|
54
|
+
* @slot end - Content placed after the label (e.g., shortcuts, metadata)
|
|
54
55
|
* @slot start - Content placed before the icon (e.g., status indicators, badges)
|
|
55
56
|
*
|
|
56
57
|
* @csspart checkmark - The selection indicator checkmark
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAG7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"SelectItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAyC3F"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
// #region Imports
|
|
2
2
|
import { html } from '../../../../Dom/Html';
|
|
3
3
|
import { when } from '../../../Directives/Directives';
|
|
4
|
-
import { Appearance } from '../../../Types/Appearance';
|
|
5
|
-
import { CheckType } from '../../../Types/CheckType';
|
|
6
|
-
import { Size } from '../../../Types/Size';
|
|
7
4
|
// #endregion
|
|
8
5
|
/**
|
|
9
6
|
* The template of the `SelectItemElement`.
|
|
@@ -24,20 +21,11 @@ export function selectItemElementTemplate(e) {
|
|
|
24
21
|
.variant="${e.variant}"
|
|
25
22
|
@connected="${(evt) => evt.target.attach(e)}"></mosaik-ripple>
|
|
26
23
|
`)}
|
|
27
|
-
${when(e.isActive, () => html `
|
|
28
|
-
<mosaik-checkmark part="checkmark"
|
|
29
|
-
.appearance="${Appearance.Plain}"
|
|
30
|
-
.variant="${e.variant}"
|
|
31
|
-
.type="${CheckType.Hook}"
|
|
32
|
-
?checked="${e.isActive}"
|
|
33
|
-
?disabled="${e.disabled}"></mosaik-checkmark>
|
|
34
|
-
`)}
|
|
35
24
|
<slot name="start"></slot>
|
|
36
25
|
<slot name="icon">
|
|
37
26
|
${when(e.icon, () => html `
|
|
38
|
-
<mosaik-icon .size="${
|
|
27
|
+
<mosaik-icon .size="${'small'}"
|
|
39
28
|
.data="${e.icon}"
|
|
40
|
-
?inline="${true}"
|
|
41
29
|
?disabled="${e.disabled}"></mosaik-icon>
|
|
42
30
|
`)}
|
|
43
31
|
</slot>
|
|
@@ -48,6 +36,16 @@ export function selectItemElementTemplate(e) {
|
|
|
48
36
|
?truncate="${true}"></mosaik-text>
|
|
49
37
|
`)}
|
|
50
38
|
</slot>
|
|
39
|
+
<slot name="checkmark">
|
|
40
|
+
${when(e.isActive, () => html `
|
|
41
|
+
<mosaik-checkmark part="checkmark"
|
|
42
|
+
.appearance="${'plain'}"
|
|
43
|
+
.variant="${e.variant}"
|
|
44
|
+
.type="${'hook'}"
|
|
45
|
+
?checked="${e.isActive}"
|
|
46
|
+
?disabled="${e.disabled}"></mosaik-checkmark>
|
|
47
|
+
`)}
|
|
48
|
+
</slot>
|
|
51
49
|
<slot name="end"></slot>
|
|
52
50
|
`;
|
|
53
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectItemElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectItemElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAKtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;yCACT,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;SAC1F,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;mCAEf,CAAC,CAAC,OAAO;qCACP,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAAwB,CAAC,MAAM,CAAC,CAAC,CAAC;SACnF,CAAC;;;UAGA,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kCACC,OAAO;kCACP,CAAC,CAAC,IAAI;sCACF,CAAC,CAAC,QAAQ;SACvC,CAAC;;;UAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kCACA,CAAC,CAAC,KAAK;sCACH,CAAC,CAAC,QAAQ;sCACV,IAAI;SACjC,CAAC;;;cAGI,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;2CAEE,OAAO;wCACV,CAAC,CAAC,OAAO;qCACZ,MAAM;wCACH,CAAC,CAAC,QAAQ;yCACT,CAAC,CAAC,QAAQ;aACtC,CAAC;;;KAGT,CAAC;AACN,CAAC"}
|
|
@@ -30,7 +30,7 @@ export function selectItemElementJoyStyle() {
|
|
|
30
30
|
--select-item-font-text-transform: var(--joy-typography-body2-text-transform);
|
|
31
31
|
--select-item-font-weight: normal;
|
|
32
32
|
--select-item-foreground-color: var(--joy-scheme-foreground);
|
|
33
|
-
--select-item-gap: var(--joy-layout-space);
|
|
33
|
+
--select-item-gap: calc(var(--joy-layout-space) * 3);
|
|
34
34
|
--select-item-padding-bottom: var(--joy-layout-space);
|
|
35
35
|
--select-item-padding-left: calc(var(--joy-layout-space) * 2);
|
|
36
36
|
--select-item-padding-right: calc(var(--joy-layout-space) * 2);
|
|
@@ -14,9 +14,11 @@ declare const ComboItemElement_base: (abstract new (...args: Array<any>) => impo
|
|
|
14
14
|
* @element mosaik-combo-item
|
|
15
15
|
* @category Selectors
|
|
16
16
|
*
|
|
17
|
-
* @slot
|
|
17
|
+
* @slot checkmark - The checkmark slot.
|
|
18
|
+
* @slot end - The end slot.
|
|
18
19
|
* @slot icon - The icon slot.
|
|
19
20
|
* @slot - Default content area for the option label and description
|
|
21
|
+
* @slot start - The start slot.
|
|
20
22
|
*
|
|
21
23
|
* @csspart checkmark - Checkmark indicator for selected state
|
|
22
24
|
* @csspart focusRing - The focusRing part.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboItemElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Combo/ComboItemElement.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOvE
|
|
1
|
+
{"version":3,"file":"ComboItemElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Combo/ComboItemElement.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AACH,qBAqBa,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IACH,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAAU;IAM3B;;OAEG;;IAaH;;;;;;;;OAQG;IAGH,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;;OAMG;IACH,IAAqB,QAAQ,IAAI,OAAO,CAEvC;IACD,IAAoB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1C;IAED;;;;;;OAMG;IACH,IAAqB,OAAO,IAAI,OAAO,CAEtC;IACD,IAAoB,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzC;IAED;;;;;OAKG;IACH,IAIW,SAAS,IAAI,OAAO,CAE9B;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,EAKlC;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;;;OAOG;IACH,IAAoB,WAAW,IAAI,MAAM,CASxC;IAED;;;;;OAKG;IACH,IAAW,MAAM,IAAI,YAAY,CAKhC;IAMD;;OAEG;IAEH,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAcxC;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}
|
|
@@ -42,9 +42,11 @@ import { comboItemElementMemphisStyle } from './Themes/ComboItemElement.Memphis'
|
|
|
42
42
|
* @element mosaik-combo-item
|
|
43
43
|
* @category Selectors
|
|
44
44
|
*
|
|
45
|
-
* @slot
|
|
45
|
+
* @slot checkmark - The checkmark slot.
|
|
46
|
+
* @slot end - The end slot.
|
|
46
47
|
* @slot icon - The icon slot.
|
|
47
48
|
* @slot - Default content area for the option label and description
|
|
49
|
+
* @slot start - The start slot.
|
|
48
50
|
*
|
|
49
51
|
* @csspart checkmark - Checkmark indicator for selected state
|
|
50
52
|
* @csspart focusRing - The focusRing part.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Combo/ComboItemElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAsC,MAAM,oDAAoD,CAAC;AAC1I,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,EAAE,yBAAyB,EAAwB,MAAM,2BAA2B,CAAC;AAC5F,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"ComboItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Combo/ComboItemElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAsC,MAAM,oDAAoD,CAAC;AAC1I,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,EAAE,yBAAyB,EAAwB,MAAM,2BAA2B,CAAC;AAC5F,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AAsBI,IAAM,gBAAgB,GAAtB,MAAM,gBACT,SAAQ,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAG7G,iBAAiB;IAEA,YAAY,GAAmD,gCAAgC,CAAkB,IAAI,EAAE;QACpI,OAAO,EAAE,yBAAyB;KACrC,CAAC,CAAC;IACK,UAAU,CAAU;IACpB,KAAK,CAAS;IACd,SAAS,CAAU;IAE3B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;;OAQG;IACH,6DAA6D;IAC7D,aAAa;IACN,MAAM,KAAc,EAAE;QACzB,OAAO,mBAAmB,CAAC;IAC/B,CAAC;IAED;;;;;;OAMG;IACH,IAAqB,QAAQ;QACzB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC;IACD,IAAoB,QAAQ,CAAC,KAAc;QACvC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3C,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED;;;;;;OAMG;IACH,IAAqB,OAAO;QACxB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3D,CAAC;IACD,IAAoB,OAAO,CAAC,KAAc;QACtC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1C,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACH,IAIW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAAc;QAC/B,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IAAoB,WAAW;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAEhC,yDAAyD;QACzD,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACnC,CAAC;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAED;;;;;OAKG;IACH,IAAW,MAAM;QACb,MAAM,UAAU,GAAG,iBAAiB,CAAC,OAAO,CAAC,YAAY,CAA0B,IAAI,EAAE,uBAAuB,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACvI,MAAM,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,iBAAiB,CAAe,UAAU,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAE9G,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;OAEG;IAEO,OAAO,CAAC,KAAY;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,OAAO;QACX,CAAC;QAED,IAAI,IAAI,KAAK,KAAK,CAAC,aAAa,EAAE,CAAC;YAC/B,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,aAAa,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC5G,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;YACtC,CAAC;QACL,CAAC;IACL,CAAC;CAIJ,CAAA;AA3GG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;iDAGD;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;gDAGD;AAiDS;IADT,MAAM,CAAC,OAAO,CAAC;;qCACS,KAAK;;+CAU7B;AA1LQ,gBAAgB;IArB5B,SAAS,CAAC;QACP,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,OAAO,EAAE,4BAA4B;YACrC,YAAY,EAAE,iCAAiC;SAClD;QACD,IAAI,EAAE;YACF,UAAU,EAAE,GAAG;YACf,MAAM,EAAE,QAAQ;YAChB,eAAe,EAAE,OAAO;SAC3B;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,gBAAgB;SACnB;KACJ,CAAC;;GACW,gBAAgB,CA8L5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Combo/ComboItemElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Combo/ComboItemElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA6CzF"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
// #region Imports
|
|
2
2
|
import { html } from '../../../../Dom/Html';
|
|
3
3
|
import { choose, when } from '../../../Directives/Directives';
|
|
4
|
-
import { Appearance } from '../../../Types/Appearance';
|
|
5
|
-
import { CheckType } from '../../../Types/CheckType';
|
|
6
|
-
import { SelectionMode } from '../../../Types/SelectionMode';
|
|
7
|
-
import { Size } from '../../../Types/Size';
|
|
8
4
|
// #endregion
|
|
9
5
|
/**
|
|
10
6
|
* The template of the `ComboItemElement`.
|
|
@@ -25,33 +21,36 @@ export function comboItemElementTemplate(e) {
|
|
|
25
21
|
.variant="${e.variant}"
|
|
26
22
|
@connected="${(evt) => evt.target.attach(e)}"></mosaik-ripple>
|
|
27
23
|
`)}
|
|
28
|
-
|
|
29
|
-
`], [SelectionMode.Single, () => html `
|
|
30
|
-
`], [SelectionMode.Multiple, () => html `
|
|
31
|
-
${when(e.isChecked, () => html `
|
|
32
|
-
<mosaik-checkmark part="checkmark"
|
|
33
|
-
.appearance="${Appearance.Plain}"
|
|
34
|
-
.variant="${e.variant}"
|
|
35
|
-
.type="${CheckType.Hook}"
|
|
36
|
-
?checked="${e.isChecked}"
|
|
37
|
-
?disabled="${e.disabled}"></mosaik-checkmark>
|
|
38
|
-
`)}
|
|
39
|
-
`]])}
|
|
24
|
+
<slot name="start"></slot>
|
|
40
25
|
<slot name="icon">
|
|
41
26
|
${when(e.icon, () => html `
|
|
42
|
-
<mosaik-icon .size="${
|
|
27
|
+
<mosaik-icon .size="${'small'}"
|
|
43
28
|
.data="${e.icon}"
|
|
44
|
-
?inline="${true}"
|
|
45
29
|
?disabled="${e.disabled}"></mosaik-icon>
|
|
46
30
|
`)}
|
|
47
31
|
</slot>
|
|
48
32
|
<slot name="label">
|
|
49
33
|
${when(e.label, () => html `
|
|
50
34
|
<mosaik-text .text="${e.label}"
|
|
51
|
-
?disabled="${e.disabled}"
|
|
35
|
+
?disabled="${e.disabled}"
|
|
36
|
+
?truncate="${true}"></mosaik-text>
|
|
52
37
|
`)}
|
|
53
38
|
</slot>
|
|
54
|
-
<slot
|
|
39
|
+
<slot name="checkmark">
|
|
40
|
+
${choose(e.parent.selectionMode, [['none', () => html `
|
|
41
|
+
`], ['single', () => html `
|
|
42
|
+
`], ['multiple', () => html `
|
|
43
|
+
${when(e.isChecked, () => html `
|
|
44
|
+
<mosaik-checkmark part="checkmark"
|
|
45
|
+
.appearance="${'plain'}"
|
|
46
|
+
.variant="${e.variant}"
|
|
47
|
+
.type="${'hook'}"
|
|
48
|
+
?checked="${e.isChecked}"
|
|
49
|
+
?disabled="${e.disabled}"></mosaik-checkmark>
|
|
50
|
+
`)}
|
|
51
|
+
`]])}
|
|
52
|
+
</slot>
|
|
53
|
+
<slot name="end"></slot>
|
|
55
54
|
`;
|
|
56
55
|
}
|
|
57
56
|
//# sourceMappingURL=ComboItemElementTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboItemElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Combo/ComboItemElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboItemElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Combo/ComboItemElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAK9D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;yCACT,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;SAC1F,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;mCAEf,CAAC,CAAC,OAAO;qCACP,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAAwB,CAAC,MAAM,CAAC,CAAC,CAAC;SACnF,CAAC;;;UAGA,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kCACC,OAAO;kCACP,CAAC,CAAC,IAAI;sCACF,CAAC,CAAC,QAAQ;SACvC,CAAC;;;UAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kCACA,CAAC,CAAC,KAAK;sCACH,CAAC,CAAC,QAAQ;sCACV,IAAI;SACjC,CAAC;;;cAGI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;aACpD,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;aACxB,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;cACzB,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;+CAEK,OAAO;4CACV,CAAC,CAAC,OAAO;yCACZ,MAAM;4CACH,CAAC,CAAC,SAAS;6CACV,CAAC,CAAC,QAAQ;aAC1C,CAAC;aACD,CAAC,CAAC,CAAC;;;KAGX,CAAC;AACN,CAAC"}
|
|
@@ -30,7 +30,7 @@ export function comboItemElementJoyStyle() {
|
|
|
30
30
|
--combo-item-font-text-transform: var(--joy-typography-body1-text-transform);
|
|
31
31
|
--combo-item-font-weight: var(--joy-typography-body1-font-weight);
|
|
32
32
|
--combo-item-foreground-color: var(--joy-scheme-foreground);
|
|
33
|
-
--combo-item-gap: var(--joy-layout-space);
|
|
33
|
+
--combo-item-gap: calc(var(--joy-layout-space) * 3);
|
|
34
34
|
--combo-item-padding-bottom: var(--joy-layout-space);
|
|
35
35
|
--combo-item-padding-left: var(--joy-layout-space);
|
|
36
36
|
--combo-item-padding-right: var(--joy-layout-space);
|
|
@@ -30,7 +30,7 @@ export function menuItemElementJoyStyle() {
|
|
|
30
30
|
--menu-item-font-text-transform: var(--joy-typography-body1-text-transform);
|
|
31
31
|
--menu-item-font-weight: var(--joy-typography-body1-font-weight);
|
|
32
32
|
--menu-item-foreground-color: var(--joy-scheme-foreground);
|
|
33
|
-
--menu-item-gap: calc(var(--joy-layout-space) *
|
|
33
|
+
--menu-item-gap: calc(var(--joy-layout-space) * 3);
|
|
34
34
|
--menu-item-height: 48px;
|
|
35
35
|
--menu-item-indent-color: var(--joy-scheme-highlight);
|
|
36
36
|
--menu-item-indent-offset: calc(var(--joy-layout-space) * 2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"AppElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAoHvD"}
|
|
@@ -107,14 +107,12 @@ export function appElementCosmopolitanStyle() {
|
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
:host [part="content"] [part="main"] {
|
|
110
|
-
height: calc(100% - var(--app-content-offset-top));
|
|
111
110
|
flex: 1;
|
|
112
111
|
width: 100%;
|
|
113
112
|
overflow: auto;
|
|
114
113
|
}
|
|
115
114
|
|
|
116
115
|
:host [part="content"] [part="rail"] {
|
|
117
|
-
height: calc(100% - var(--app-content-offset-top));
|
|
118
116
|
overflow: auto;
|
|
119
117
|
}
|
|
120
118
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B;IACvC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"AppElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkHT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"AppElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,SAAS,CAwH9C"}
|
|
@@ -107,14 +107,12 @@ export function appElementJoyStyle() {
|
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
:host [part="content"] [part="main"] {
|
|
110
|
-
height: calc(100% - var(--app-content-offset-top));
|
|
111
110
|
flex: 1;
|
|
112
111
|
width: 100%;
|
|
113
112
|
overflow: auto;
|
|
114
113
|
}
|
|
115
114
|
|
|
116
115
|
:host [part="content"] [part="rail"] {
|
|
117
|
-
height: calc(100% - var(--app-content-offset-top));
|
|
118
116
|
overflow: auto;
|
|
119
117
|
}
|
|
120
118
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppElement.Joy.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAC9B,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"AppElement.Joy.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAC9B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsHT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"AppElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CAoHlD"}
|
|
@@ -107,14 +107,12 @@ export function appElementMemphisStyle() {
|
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
:host [part="content"] [part="main"] {
|
|
110
|
-
height: calc(100% - var(--app-content-offset-top));
|
|
111
110
|
flex: 1;
|
|
112
111
|
width: 100%;
|
|
113
112
|
overflow: auto;
|
|
114
113
|
}
|
|
115
114
|
|
|
116
115
|
:host [part="content"] [part="rail"] {
|
|
117
|
-
height: calc(100% - var(--app-content-offset-top));
|
|
118
116
|
overflow: auto;
|
|
119
117
|
}
|
|
120
118
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppElement.Memphis.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"AppElement.Memphis.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkHT,CAAC;AACN,CAAC"}
|
package/custom-elements.json
CHANGED
|
@@ -80354,17 +80354,17 @@
|
|
|
80354
80354
|
],
|
|
80355
80355
|
"slots": [
|
|
80356
80356
|
{
|
|
80357
|
-
"description": "
|
|
80357
|
+
"description": "The checkmark slot.",
|
|
80358
|
+
"name": "checkmark"
|
|
80359
|
+
},
|
|
80360
|
+
{
|
|
80361
|
+
"description": "The end slot.",
|
|
80358
80362
|
"name": "end"
|
|
80359
80363
|
},
|
|
80360
80364
|
{
|
|
80361
80365
|
"description": "The icon display area alongside the label",
|
|
80362
80366
|
"name": "icon"
|
|
80363
80367
|
},
|
|
80364
|
-
{
|
|
80365
|
-
"description": "The primary text label for the option",
|
|
80366
|
-
"name": "label"
|
|
80367
|
-
},
|
|
80368
80368
|
{
|
|
80369
80369
|
"description": "Content placed before the icon (e.g., status indicators, badges)",
|
|
80370
80370
|
"name": "start"
|
|
@@ -207091,13 +207091,25 @@
|
|
|
207091
207091
|
],
|
|
207092
207092
|
"slots": [
|
|
207093
207093
|
{
|
|
207094
|
-
"description": "The
|
|
207095
|
-
"name": ""
|
|
207094
|
+
"description": "The checkmark slot.",
|
|
207095
|
+
"name": "checkmark"
|
|
207096
|
+
},
|
|
207097
|
+
{
|
|
207098
|
+
"description": "The end slot.",
|
|
207099
|
+
"name": "end"
|
|
207096
207100
|
},
|
|
207097
207101
|
{
|
|
207098
207102
|
"description": "The icon slot.",
|
|
207099
207103
|
"name": "icon"
|
|
207100
207104
|
},
|
|
207105
|
+
{
|
|
207106
|
+
"description": "Default content area for the option label and description",
|
|
207107
|
+
"name": ""
|
|
207108
|
+
},
|
|
207109
|
+
{
|
|
207110
|
+
"description": "The start slot.",
|
|
207111
|
+
"name": "start"
|
|
207112
|
+
},
|
|
207101
207113
|
{
|
|
207102
207114
|
"description": "Custom styles injection slot for shadow DOM styling escape hatch",
|
|
207103
207115
|
"name": "style",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-elements-foundation",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Mosaik elements components package.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@breadstone/mosaik-elements": "0.1.
|
|
18
|
-
"@breadstone/mosaik-themes": "0.1.
|
|
17
|
+
"@breadstone/mosaik-elements": "0.1.2",
|
|
18
|
+
"@breadstone/mosaik-themes": "0.1.2",
|
|
19
19
|
"tslib": "2.8.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|