@breadstone/mosaik-elements-foundation 0.1.25 → 0.1.26

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.
@@ -21,6 +21,7 @@ declare const SplitButtonElement_base: (abstract new (...args: Array<any>) => im
21
21
  * @slot label - The label slot.
22
22
  * @slot overlay - The overlay slot (useful for badge).
23
23
  *
24
+ * @csspart ${part} - The ${part} part.
24
25
  * @csspart button - The button part of the split button.
25
26
  * @csspart buttonSplit - The part of the button responsible for splitting the button from the dropdown.
26
27
  * @csspart focusRingMain - The focusRingMain part.
@@ -1 +1 @@
1
- {"version":3,"file":"SplitButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAoBnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAQ3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2GG;AACH,qBAwBa,kBACT,SAAQ,uBACR,YAAW,wBAAwB,EAAE,aAAa;IAIlD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAM7D;;OAEG;;IAwBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;OAEG;IAEH,SAAS,CAAC,+BAA+B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAgBhF,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAOjE,OAAO,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAInC;;OAEG;IACH,OAAO,CAAC,gBAAgB;CAM3B;AAED;;GAEG;AACH,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}
1
+ {"version":3,"file":"SplitButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAoBnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAQ3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4GG;AACH,qBAwBa,kBACT,SAAQ,uBACR,YAAW,wBAAwB,EAAE,aAAa;IAIlD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAM7D;;OAEG;;IAwBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;OAEG;IAEH,SAAS,CAAC,+BAA+B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAgBhF,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAOjE,OAAO,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IASnC;;OAEG;IACH,OAAO,CAAC,gBAAgB;CAM3B;AAED;;GAEG;AACH,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}
@@ -56,6 +56,7 @@ import { splitButtonElementMemphisStyle } from './Themes/SplitButtonElement.Memp
56
56
  * @slot label - The label slot.
57
57
  * @slot overlay - The overlay slot (useful for badge).
58
58
  *
59
+ * @csspart ${part} - The ${part} part.
59
60
  * @csspart button - The button part of the split button.
60
61
  * @csspart buttonSplit - The part of the button responsible for splitting the button from the dropdown.
61
62
  * @csspart focusRingMain - The focusRingMain part.
@@ -209,6 +210,10 @@ let SplitButtonElement = SplitButtonElement_1 = class SplitButtonElement extends
209
210
  }
210
211
  }
211
212
  onSplit(e) {
213
+ if (this.disabled) {
214
+ e.preventDefault();
215
+ return;
216
+ }
212
217
  this.toggle();
213
218
  }
214
219
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"SplitButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SplitButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElement.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"SplitButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA+G7F"}
1
+ {"version":3,"file":"SplitButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAoH7F"}
@@ -1,4 +1,5 @@
1
1
  // #region Imports
2
+ import { stop } from '@breadstone/mosaik-elements';
2
3
  import { html } from '../../../../Dom/Html';
3
4
  import { Icons } from '../../../../Resources/Icons';
4
5
  import { when } from '../../../Directives/Directives';
@@ -6,7 +7,6 @@ import { Appearance } from '../../../Types/Appearance';
6
7
  import { IconPosition } from '../../../Types/IconPosition';
7
8
  import { Placement } from '../../../Types/Placement';
8
9
  import { Size } from '../../../Types/Size';
9
- // #endregion
10
10
  /**
11
11
  * The template of the `SplitButtonElement`.
12
12
  *
@@ -14,18 +14,19 @@ import { Size } from '../../../Types/Size';
14
14
  */
15
15
  export function splitButtonElementTemplate(e) {
16
16
  return html `
17
- ${when(!e.disabled, () => html `
18
- <mosaik-focus-ring part="focusRingMain"
19
- .lang="${e.lang}"
20
- .dir="${e.dir}"
21
- .variant="${e.variant}"
22
- .visible="${e.isFocused}"
23
- .controlled="${'manual'}"
24
- .for="${'button'}"></mosaik-focus-ring>
25
- `)}
26
17
  <button id="button"
27
18
  part="button"
28
- type="${e.type}">
19
+ type="${e.type}"
20
+ @focusin="${(x) => showFocusRing(x, 'focusRingMain', 'focusRingSplit')}"
21
+ @focusout="${(x) => hideFocusRing(x, 'focusRingMain')}">
22
+ ${when(!e.disabled, () => html `
23
+ <mosaik-focus-ring part="focusRingMain"
24
+ .lang="${e.lang}"
25
+ .dir="${e.dir}"
26
+ .variant="${e.variant}"
27
+ .controlled="${'manual'}"
28
+ .for="${'button'}"></mosaik-focus-ring>
29
+ `)}
29
30
  ${when(!e.disabled && e.ripple, () => html `
30
31
  <mosaik-ripple part="rippleMain"
31
32
  .lang="${e.lang}"
@@ -77,12 +78,16 @@ export function splitButtonElementTemplate(e) {
77
78
  <button part="buttonSplit"
78
79
  id="button_split"
79
80
  type="button"
80
- @click="${(x) => e.onSplit(x)}">
81
+ ?disabled="${e.disabled}"
82
+ @focusin="${(x) => showFocusRing(x, 'focusRingSplit', 'focusRingMain')}"
83
+ @focusout="${(x) => hideFocusRing(x, 'focusRingSplit')}"
84
+ @click="${(x) => stop(x, () => e.onSplit(x))}">
81
85
  ${when(!e.disabled, () => html `
82
86
  <mosaik-focus-ring part="focusRingSplit"
83
87
  .lang="${e.lang}"
84
88
  .dir="${e.dir}"
85
89
  .variant="${e.variant}"
90
+ .controlled="${'manual'}"
86
91
  .for="${'button_split'}"></mosaik-focus-ring>
87
92
  `)}
88
93
  ${when(!e.disabled && e.ripple, () => html `
@@ -124,4 +129,18 @@ export function splitButtonElementTemplate(e) {
124
129
  </mosaik-floating>
125
130
  `;
126
131
  }
132
+ function showFocusRing(event, focusedPart, blurredPart) {
133
+ setFocusRingVisible(event, focusedPart, true);
134
+ setFocusRingVisible(event, blurredPart, false);
135
+ }
136
+ function hideFocusRing(event, part) {
137
+ setFocusRingVisible(event, part, false);
138
+ }
139
+ function setFocusRingVisible(event, part, visible) {
140
+ const root = event.currentTarget.getRootNode();
141
+ const focusRing = root.querySelector(`[part="${part}"]`);
142
+ if (focusRing) {
143
+ focusRing.visible = visible;
144
+ }
145
+ }
127
146
  //# sourceMappingURL=SplitButtonElementTemplate.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SplitButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SplitButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/SplitButton/SplitButtonElementTemplate.ts"],"names":[],"mappings":"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"}
@@ -192,7 +192,7 @@ export function splitButtonElementCosmopolitanStyle() {
192
192
  text-decoration: none;
193
193
  display: flex;
194
194
  position: relative;
195
- overflow: hidden;
195
+ overflow: visible;
196
196
  }
197
197
 
198
198
  :host [part="button"] [part="icon"] {
@@ -266,7 +266,7 @@ export function splitButtonElementCosmopolitanStyle() {
266
266
  margin: 0;
267
267
  display: flex;
268
268
  position: relative;
269
- overflow: hidden;
269
+ overflow: visible;
270
270
  }
271
271
 
272
272
  :host [part="buttonSplit"] [part="iconCaret"] {
@@ -192,7 +192,7 @@ export function splitButtonElementJoyStyle() {
192
192
  text-decoration: none;
193
193
  display: flex;
194
194
  position: relative;
195
- overflow: hidden;
195
+ overflow: visible;
196
196
  }
197
197
 
198
198
  :host [part="button"] [part="icon"] {
@@ -266,7 +266,7 @@ export function splitButtonElementJoyStyle() {
266
266
  margin: 0;
267
267
  display: flex;
268
268
  position: relative;
269
- overflow: hidden;
269
+ overflow: visible;
270
270
  }
271
271
 
272
272
  :host [part="buttonSplit"] [part="iconCaret"] {
@@ -192,7 +192,7 @@ export function splitButtonElementMemphisStyle() {
192
192
  text-decoration: none;
193
193
  display: flex;
194
194
  position: relative;
195
- overflow: hidden;
195
+ overflow: visible;
196
196
  }
197
197
 
198
198
  :host [part="button"] [part="icon"] {
@@ -266,7 +266,7 @@ export function splitButtonElementMemphisStyle() {
266
266
  margin: 0;
267
267
  display: flex;
268
268
  position: relative;
269
- overflow: hidden;
269
+ overflow: visible;
270
270
  }
271
271
 
272
272
  :host [part="buttonSplit"] [part="iconCaret"] {
@@ -91,7 +91,7 @@ export interface Options {
91
91
  */
92
92
  encode?: (value: string) => string;
93
93
  }
94
- export declare function modifierToString(modifier: Modifier): "" | "*" | "+" | "?";
94
+ export declare function modifierToString(modifier: Modifier): "" | "*" | "?" | "+";
95
95
  /**
96
96
  * Expose a function for taking tokens and returning a RegExp.
97
97
  */
@@ -9964,6 +9964,10 @@
9964
9964
  }
9965
9965
  ],
9966
9966
  "cssParts": [
9967
+ {
9968
+ "name": "${part}",
9969
+ "description": "The ${part} part."
9970
+ },
9967
9971
  {
9968
9972
  "name": "button",
9969
9973
  "description": "The button part of the split button."
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-foundation",
3
- "version": "0.1.25",
3
+ "version": "0.1.26",
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.25",
18
- "@breadstone/mosaik-themes": "0.1.25",
17
+ "@breadstone/mosaik-elements": "0.1.26",
18
+ "@breadstone/mosaik-themes": "0.1.26",
19
19
  "tslib": "2.8.1"
20
20
  },
21
21
  "peerDependencies": {