@breadstone/mosaik-elements-foundation 0.0.46 → 0.0.47
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/Animations/AnimationPlayer2.d.ts.map +1 -1
- package/Animations/AnimationPlayer2.js +2 -0
- package/Animations/AnimationPlayer2.js.map +1 -1
- package/Controls/Components/Primitives/Content/ContentElement.d.ts +1 -1
- package/Controls/Components/Primitives/Content/ContentElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Content/ContentElement.js +5 -2
- package/Controls/Components/Primitives/Content/ContentElement.js.map +1 -1
- package/Controls/Components/Primitives/Flip/FlipElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Hint/HintElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Hint/HintElement.js +8 -2
- package/Controls/Components/Primitives/Hint/HintElement.js.map +1 -1
- package/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.d.ts +18 -0
- package/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.d.ts.map +1 -0
- package/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.js +3 -0
- package/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.js.map +1 -0
- package/Controls/Components/Primitives/Indicator/IIndicatorElementProps.d.ts +13 -0
- package/Controls/Components/Primitives/Indicator/IIndicatorElementProps.d.ts.map +1 -0
- package/Controls/Components/Primitives/Indicator/IIndicatorElementProps.js +3 -0
- package/Controls/Components/Primitives/Indicator/IIndicatorElementProps.js.map +1 -0
- package/Controls/Components/Primitives/Indicator/IndicatorElement.d.ts +84 -0
- package/Controls/Components/Primitives/Indicator/IndicatorElement.d.ts.map +1 -0
- package/Controls/Components/Primitives/Indicator/IndicatorElement.js +151 -0
- package/Controls/Components/Primitives/Indicator/IndicatorElement.js.map +1 -0
- package/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.d.ts +7 -0
- package/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.d.ts.map +1 -0
- package/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.js +21 -0
- package/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.js.map +1 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.d.ts +6 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.d.ts.map +1 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.js +138 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.js.map +1 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.d.ts +6 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.d.ts.map +1 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.js +233 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.js.map +1 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.d.ts +6 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.d.ts.map +1 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.js +217 -0
- package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Retro.js.map +1 -0
- package/Index.d.ts +2 -0
- package/Index.d.ts.map +1 -1
- package/Index.js +1 -0
- package/Index.js.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +397 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationPlayer2.d.ts","sourceRoot":"","sources":["../../src/Animations/AnimationPlayer2.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AnimationPlayer2.d.ts","sourceRoot":"","sources":["../../src/Animations/AnimationPlayer2.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,qBAAa,gBAAgB;IAIzB;;;;OAIG;;IAQH;;OAEG;IACI,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,wBAAwB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,wBAAwB,GAAG,OAAO,CAAC,sBAAsB,CAAC;IAahJ;;OAEG;IACH,OAAO,CAAC,cAAc;CAazB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationPlayer2.js","sourceRoot":"","sources":["../../src/Animations/AnimationPlayer2.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;GAIG;AACH,MAAM,OAAO,gBAAgB;IAEzB,eAAe;IAEf;;;;OAIG;IACH;IACA,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;OAEG;IACI,IAAI,CAAC,OAAoB,EAAE,KAA+B,EAAE,OAA2C;QAC1G,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAElD,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACnD,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACpC,OAAO,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAEnB,SAAS,CAAC,IAAI,EAAE,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACK,cAAc,CAAC,OAAoB,EAAE,IAA8B;QACvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAC1B,CAAC,EACD,CAAC,CACJ,EAAE,EAAE;YACD,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;gBACrB,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAChF,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CAIJ"}
|
|
1
|
+
{"version":3,"file":"AnimationPlayer2.js","sourceRoot":"","sources":["../../src/Animations/AnimationPlayer2.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,aAAa;AAEb;;;;GAIG;AACH,MAAM,OAAO,gBAAgB;IAEzB,eAAe;IAEf;;;;OAIG;IACH;IACA,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;OAEG;IACI,IAAI,CAAC,OAAoB,EAAE,KAA+B,EAAE,OAA2C;QAC1G,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAElD,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACnD,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACpC,OAAO,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAEnB,SAAS,CAAC,IAAI,EAAE,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACK,cAAc,CAAC,OAAoB,EAAE,IAA8B;QACvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAC1B,CAAC,EACD,CAAC,CACJ,EAAE,EAAE;YACD,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;gBACrB,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAChF,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CAIJ"}
|
|
@@ -39,7 +39,7 @@ export declare class ContentElement extends ContentElement_base implements ICont
|
|
|
39
39
|
get hasContent(): boolean;
|
|
40
40
|
private set hasContent(value);
|
|
41
41
|
/**
|
|
42
|
-
* Called when
|
|
42
|
+
* Called when the content changes.
|
|
43
43
|
* Provides reference to `{@link IEventDetail}` as event detail.
|
|
44
44
|
*
|
|
45
45
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Content/ContentElement.ts"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"ContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Content/ContentElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2B,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAChG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQ9D;;;;;;;;GAQG;AACH,qBAUa,cACT,SAAQ,mBACR,YAAW,oBAAoB,EAAE,UAAU;IAI3C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA4C;IAC5E,OAAO,CAAC,WAAW,CAAU;IAM7B;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IAIW,UAAU,IAAI,OAAO,CAE/B;IACD,OAAO,KAAK,UAAU,QAKrB;IAED;;;;;;;OAOG;IACH,IACW,cAAc,IAAI,aAAa,CAAC,0BAA0B,CAAC,CAErE;IAMD;;;OAGG;IACa,aAAa,IAAI,IAAI;IAIrC;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,0BAA0B,GAAG,IAAI;CAMrE;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;IAED,UAAU,mBAAmB;QACzB,cAAc,EAAE,oBAAoB,CAAC;KACxC;CACJ"}
|
|
@@ -73,7 +73,7 @@ let ContentElement = class ContentElement extends Themeable(Slottable(CustomElem
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
/**
|
|
76
|
-
* Called when
|
|
76
|
+
* Called when the content changes.
|
|
77
77
|
* Provides reference to `{@link IEventDetail}` as event detail.
|
|
78
78
|
*
|
|
79
79
|
* @public
|
|
@@ -102,7 +102,10 @@ let ContentElement = class ContentElement extends Themeable(Slottable(CustomElem
|
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
__decorate([
|
|
105
|
-
Attribute({
|
|
105
|
+
Attribute({
|
|
106
|
+
type: Boolean,
|
|
107
|
+
useDefault: true
|
|
108
|
+
}),
|
|
106
109
|
__metadata("design:type", Boolean),
|
|
107
110
|
__metadata("design:paramtypes", [Boolean])
|
|
108
111
|
], ContentElement.prototype, "hasContent", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Content/ContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"ContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Content/ContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAiB,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;GAQG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IAEA,eAAe,CAA4C;IACpE,WAAW,CAAU;IAE7B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAC/E,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;;;OAMG;IACH,IAIW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,IAAY,UAAU,CAAC,KAAc;QACjC,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IACW,cAAc;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,aAAa;QACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACO,gBAAgB,CAAC,IAAgC;QACvD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;CAIJ,CAAA;AAlDG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;gDAGD;AAgBD;IAAC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;;;oDAGrC;AAvEQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,KAAK,EAAE,wBAAwB;YAC/B,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CAgG1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlipElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Flip/FlipElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;;AAInD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAUa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,KAAK,CAAW;IAMxB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,QAAQ,CAE1B;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,QAAQ,EAS9B;IAMD;;;;OAIG;IACI,MAAM,IAAI,IAAI;CAYxB;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"FlipElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Flip/FlipElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;;AAInD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAUa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,KAAK,CAAW;IAMxB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,QAAQ,CAE1B;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,QAAQ,EAS9B;IAMD;;;;OAIG;IACI,MAAM,IAAI,IAAI;CAYxB;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HintElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Hint/HintElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAQ7D;;;;;;GAMG;AACH,qBAYa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,SAAS,CAAU;IAM3B;;OAEG;;IAaH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,
|
|
1
|
+
{"version":3,"file":"HintElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Hint/HintElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAQ7D;;;;;;GAMG;AACH,qBAYa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,SAAS,CAAU;IAM3B;;OAEG;;IAaH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;CAIJ;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}
|
|
@@ -106,12 +106,18 @@ __decorate([
|
|
|
106
106
|
__metadata("design:paramtypes", [String])
|
|
107
107
|
], HintElement.prototype, "text", null);
|
|
108
108
|
__decorate([
|
|
109
|
-
Attribute({
|
|
109
|
+
Attribute({
|
|
110
|
+
type: Boolean,
|
|
111
|
+
useDefault: true
|
|
112
|
+
}),
|
|
110
113
|
__metadata("design:type", Boolean),
|
|
111
114
|
__metadata("design:paramtypes", [Boolean])
|
|
112
115
|
], HintElement.prototype, "wrap", null);
|
|
113
116
|
__decorate([
|
|
114
|
-
Attribute({
|
|
117
|
+
Attribute({
|
|
118
|
+
type: Boolean,
|
|
119
|
+
useDefault: true
|
|
120
|
+
}),
|
|
115
121
|
__metadata("design:type", Boolean),
|
|
116
122
|
__metadata("design:paramtypes", [Boolean])
|
|
117
123
|
], HintElement.prototype, "truncate", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HintElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Hint/HintElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;GAMG;AAaI,IAAM,WAAW,GAAjB,MAAM,WACT,SAAQ,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IAGjD,iBAAiB;IAET,KAAK,CAAS;IACd,KAAK,CAAU;IACf,SAAS,CAAU;IAE3B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;IAED;;;;;OAKG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,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,
|
|
1
|
+
{"version":3,"file":"HintElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Hint/HintElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { IEventDetail } from '@breadstone/mosaik-elements';
|
|
2
|
+
import type { IndicatorElement } from '../IndicatorElement';
|
|
3
|
+
/**
|
|
4
|
+
* Represents the `{@link IIndicatorIndicatedEventDetail}` interface.
|
|
5
|
+
*
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export interface IIndicatorIndicatedEventDetail extends IEventDetail<IndicatorElement> {
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Represents the `{@link IIndicatorIndicatedEvent}` interface.
|
|
12
|
+
*
|
|
13
|
+
* @public
|
|
14
|
+
*/
|
|
15
|
+
export interface IIndicatorIndicatedEvent extends CustomEvent<IIndicatorIndicatedEventDetail> {
|
|
16
|
+
readonly index: number;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=IndicatorIndicatedEvent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorIndicatedEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D;;;;GAIG;AAEH,MAAM,WAAW,8BAA+B,SAAQ,YAAY,CAAC,gBAAgB,CAAC;CAMrF;AAED;;;;GAIG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW,CAAC,8BAA8B,CAAC;IAIzF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CAI1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorIndicatedEvent.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Events/IndicatorIndicatedEvent.ts"],"names":[],"mappings":"AAAA,kBAAkB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { IDisableableProps } from '../../../Behaviors/Disableable';
|
|
2
|
+
import type { IOrientableProps } from '../../../Behaviors/Orientable';
|
|
3
|
+
import type { IVariantableProps } from '../../../Behaviors/Variantable';
|
|
4
|
+
/**
|
|
5
|
+
* Represents the `{@link IIndicatorElementProps}` interface.
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
9
|
+
export interface IIndicatorElementProps extends IDisableableProps, IVariantableProps, IOrientableProps {
|
|
10
|
+
total: number;
|
|
11
|
+
selected: number;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=IIndicatorElementProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IIndicatorElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IIndicatorElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,sBACb,SAAQ,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB;IAI9D,KAAK,EAAE,MAAM,CAAC;IAEd,QAAQ,EAAE,MAAM,CAAC;CAIpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IIndicatorElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IIndicatorElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { IIndicatorElementProps } from './IIndicatorElementProps';
|
|
2
|
+
import { IEventEmitter } from '@breadstone/mosaik-elements';
|
|
3
|
+
import { IIndicatorIndicatedEvent, IIndicatorIndicatedEventDetail } from './Events/IndicatorIndicatedEvent';
|
|
4
|
+
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
5
|
+
declare const IndicatorElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
6
|
+
/**
|
|
7
|
+
* Indicator - A visual element that indicates the current position within a set of items, often used in carousels or pagination.
|
|
8
|
+
*
|
|
9
|
+
* @element mosaik-indicator
|
|
10
|
+
*
|
|
11
|
+
* @fires indicated - Fired when the indicator is changed.
|
|
12
|
+
*
|
|
13
|
+
* @public
|
|
14
|
+
*/
|
|
15
|
+
export declare class IndicatorElement extends IndicatorElement_base implements IIndicatorElementProps {
|
|
16
|
+
private readonly _indicated;
|
|
17
|
+
private _total;
|
|
18
|
+
private _selected;
|
|
19
|
+
constructor();
|
|
20
|
+
/**
|
|
21
|
+
* Returns the `is` property.
|
|
22
|
+
*
|
|
23
|
+
* @public
|
|
24
|
+
* @static
|
|
25
|
+
* @readonly
|
|
26
|
+
*/
|
|
27
|
+
static get is(): string;
|
|
28
|
+
/**
|
|
29
|
+
* Gets or sets the `total` count of indicators.
|
|
30
|
+
*
|
|
31
|
+
* @attr
|
|
32
|
+
* @public
|
|
33
|
+
*/
|
|
34
|
+
get total(): number;
|
|
35
|
+
set total(value: number);
|
|
36
|
+
/**
|
|
37
|
+
* Gets or sets the `selected` indicator.
|
|
38
|
+
*
|
|
39
|
+
* @attr
|
|
40
|
+
* @public
|
|
41
|
+
*/
|
|
42
|
+
get selected(): number;
|
|
43
|
+
set selected(value: number);
|
|
44
|
+
/**
|
|
45
|
+
* Called when the indicated value changes.
|
|
46
|
+
* Provides reference to `any` as event argument.
|
|
47
|
+
*
|
|
48
|
+
* @public
|
|
49
|
+
* @readonly
|
|
50
|
+
* @eventProperty
|
|
51
|
+
* @type EventEmitter<any>
|
|
52
|
+
*/
|
|
53
|
+
get indicated(): IEventEmitter<IIndicatorIndicatedEventDetail>;
|
|
54
|
+
/**
|
|
55
|
+
* @private
|
|
56
|
+
* @template
|
|
57
|
+
*/
|
|
58
|
+
onItemClick(index: number): void;
|
|
59
|
+
/**
|
|
60
|
+
* Emits the {@link indicated} event.
|
|
61
|
+
*
|
|
62
|
+
* @protected
|
|
63
|
+
*/
|
|
64
|
+
protected onIndicated(args: IIndicatorIndicatedEventDetail): void;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* @public
|
|
68
|
+
*/
|
|
69
|
+
export declare namespace IndicatorElement {
|
|
70
|
+
type Props = IIndicatorElementProps;
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* @public
|
|
74
|
+
*/
|
|
75
|
+
declare global {
|
|
76
|
+
interface HTMLElementTagNameMap {
|
|
77
|
+
'mosaik-indicator': IndicatorElement;
|
|
78
|
+
}
|
|
79
|
+
interface HTMLElementEventMap {
|
|
80
|
+
indicated: IIndicatorIndicatedEvent;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
export {};
|
|
84
|
+
//# sourceMappingURL=IndicatorElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IndicatorElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAA2B,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAI5G,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAU9D;;;;;;;;GAQG;AACH,qBASa,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAgD;IAC3E,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,SAAS,CAAS;;IAkB1B;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,MAAM,CAEzB;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAK7B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;IAED;;;;;;;;OAQG;IACH,IACW,SAAS,IAAI,aAAa,CAAC,8BAA8B,CAAC,CAEpE;IAMD;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IASvC;;;;OAIG;IACH,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,8BAA8B,GAAG,IAAI;CAMpE;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gBAAgB,CAAC;KACxC;IAED,UAAU,mBAAmB;QACzB,SAAS,EAAE,wBAAwB,CAAC;KACvC;CACJ"}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
// #region Imports
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
8
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
9
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
10
|
+
};
|
|
11
|
+
import { Themeable } from '../../../Behaviors/Themeable';
|
|
12
|
+
import { Component } from '../../../Decorators/ComponentDecorator';
|
|
13
|
+
import { HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
|
|
14
|
+
import { indicatorElementTemplate } from './IndicatorElementTemplate';
|
|
15
|
+
import { Disableable } from '../../../Behaviors/Disableable';
|
|
16
|
+
import { Variantable } from '../../../Behaviors/Variantable';
|
|
17
|
+
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
18
|
+
import { Attribute } from '../../../Decorators/AttributeDecorator';
|
|
19
|
+
import { Emit } from '../../../../Events/Decorators/EmitDecorator';
|
|
20
|
+
import { Orientable } from '../../../Behaviors/Orientable';
|
|
21
|
+
import { indicatorElementJoyStyle } from './Themes/IndicatorElement.Joy';
|
|
22
|
+
import { indicatorElementRetroStyle } from './Themes/IndicatorElement.Retro';
|
|
23
|
+
import { indicatorElementCosmopolitanStyle } from './Themes/IndicatorElement.Cosmopolitan';
|
|
24
|
+
// #endregion
|
|
25
|
+
/**
|
|
26
|
+
* Indicator - A visual element that indicates the current position within a set of items, often used in carousels or pagination.
|
|
27
|
+
*
|
|
28
|
+
* @element mosaik-indicator
|
|
29
|
+
*
|
|
30
|
+
* @fires indicated - Fired when the indicator is changed.
|
|
31
|
+
*
|
|
32
|
+
* @public
|
|
33
|
+
*/
|
|
34
|
+
let IndicatorElement = class IndicatorElement extends Themeable(Disableable(Variantable(Orientable(CustomElement)))) {
|
|
35
|
+
// #region Fields
|
|
36
|
+
_indicated;
|
|
37
|
+
_total;
|
|
38
|
+
_selected;
|
|
39
|
+
// #endregion
|
|
40
|
+
// #region Ctor
|
|
41
|
+
constructor() {
|
|
42
|
+
super();
|
|
43
|
+
this._total = 0;
|
|
44
|
+
this._selected = 0;
|
|
45
|
+
this._indicated = new HTMLElementEventEmitter(this, 'indicated');
|
|
46
|
+
}
|
|
47
|
+
// #endregion
|
|
48
|
+
// #region Properties
|
|
49
|
+
/**
|
|
50
|
+
* Returns the `is` property.
|
|
51
|
+
*
|
|
52
|
+
* @public
|
|
53
|
+
* @static
|
|
54
|
+
* @readonly
|
|
55
|
+
*/
|
|
56
|
+
static get is() {
|
|
57
|
+
return 'mosaik-indicator';
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Gets or sets the `total` count of indicators.
|
|
61
|
+
*
|
|
62
|
+
* @attr
|
|
63
|
+
* @public
|
|
64
|
+
*/
|
|
65
|
+
get total() {
|
|
66
|
+
return this._total;
|
|
67
|
+
}
|
|
68
|
+
set total(value) {
|
|
69
|
+
if (this._total !== value) {
|
|
70
|
+
this._total = value;
|
|
71
|
+
this.requestUpdate('total');
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* Gets or sets the `selected` indicator.
|
|
76
|
+
*
|
|
77
|
+
* @attr
|
|
78
|
+
* @public
|
|
79
|
+
*/
|
|
80
|
+
get selected() {
|
|
81
|
+
return this._selected;
|
|
82
|
+
}
|
|
83
|
+
set selected(value) {
|
|
84
|
+
if (this._selected !== value) {
|
|
85
|
+
this._selected = value;
|
|
86
|
+
this.requestUpdate('selected');
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
/**
|
|
90
|
+
* Called when the indicated value changes.
|
|
91
|
+
* Provides reference to `any` as event argument.
|
|
92
|
+
*
|
|
93
|
+
* @public
|
|
94
|
+
* @readonly
|
|
95
|
+
* @eventProperty
|
|
96
|
+
* @type EventEmitter<any>
|
|
97
|
+
*/
|
|
98
|
+
get indicated() {
|
|
99
|
+
return this._indicated;
|
|
100
|
+
}
|
|
101
|
+
// #endregion
|
|
102
|
+
// #region Methods
|
|
103
|
+
/**
|
|
104
|
+
* @private
|
|
105
|
+
* @template
|
|
106
|
+
*/
|
|
107
|
+
onItemClick(index) {
|
|
108
|
+
if (this.disabled || index < 0 || index >= this.total) {
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
this.selected = index;
|
|
112
|
+
this.onIndicated({ index: index });
|
|
113
|
+
}
|
|
114
|
+
/**
|
|
115
|
+
* Emits the {@link indicated} event.
|
|
116
|
+
*
|
|
117
|
+
* @protected
|
|
118
|
+
*/
|
|
119
|
+
onIndicated(args) {
|
|
120
|
+
this._indicated.emit(args);
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
__decorate([
|
|
124
|
+
Attribute({ type: Number }),
|
|
125
|
+
__metadata("design:type", Number),
|
|
126
|
+
__metadata("design:paramtypes", [Number])
|
|
127
|
+
], IndicatorElement.prototype, "total", null);
|
|
128
|
+
__decorate([
|
|
129
|
+
Attribute({ type: Number }),
|
|
130
|
+
__metadata("design:type", Number),
|
|
131
|
+
__metadata("design:paramtypes", [Number])
|
|
132
|
+
], IndicatorElement.prototype, "selected", null);
|
|
133
|
+
__decorate([
|
|
134
|
+
Emit({ eventName: 'indicated' }),
|
|
135
|
+
__metadata("design:type", Object),
|
|
136
|
+
__metadata("design:paramtypes", [])
|
|
137
|
+
], IndicatorElement.prototype, "indicated", null);
|
|
138
|
+
IndicatorElement = __decorate([
|
|
139
|
+
Component({
|
|
140
|
+
selector: 'mosaik-indicator',
|
|
141
|
+
template: indicatorElementTemplate,
|
|
142
|
+
themes: {
|
|
143
|
+
joy: indicatorElementJoyStyle,
|
|
144
|
+
retro: indicatorElementRetroStyle,
|
|
145
|
+
cosmopolitan: indicatorElementCosmopolitanStyle
|
|
146
|
+
}
|
|
147
|
+
}),
|
|
148
|
+
__metadata("design:paramtypes", [])
|
|
149
|
+
], IndicatorElement);
|
|
150
|
+
export { IndicatorElement };
|
|
151
|
+
//# sourceMappingURL=IndicatorElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IndicatorElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type TemplateResult } from '../../../../Dom/Html';
|
|
2
|
+
import type { IndicatorElement } from './IndicatorElement';
|
|
3
|
+
/**
|
|
4
|
+
* @public
|
|
5
|
+
*/
|
|
6
|
+
export declare function indicatorElementTemplate<T extends IndicatorElement>(e: T): TemplateResult;
|
|
7
|
+
//# sourceMappingURL=IndicatorElementTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAYzF"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// #region Imports
|
|
2
|
+
import { html } from '../../../../Dom/Html';
|
|
3
|
+
import { repeat } from '../../../Directives/Directives';
|
|
4
|
+
// #endregion
|
|
5
|
+
/**
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export function indicatorElementTemplate(e) {
|
|
9
|
+
return html `
|
|
10
|
+
<ul part="list"
|
|
11
|
+
.hidden="${e.total <= 1}">
|
|
12
|
+
${repeat([].constructor(e.total), (_, index) => index, (_, index) => html `
|
|
13
|
+
<li part="listItem"
|
|
14
|
+
aria-label="Indicator ${index + 1} of ${e.total}"
|
|
15
|
+
class="${e.selected === index ? 'selected' : ''}"
|
|
16
|
+
@click="${() => e.onItemClick(index)}"></li>
|
|
17
|
+
`)}
|
|
18
|
+
</ul>
|
|
19
|
+
`;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=IndicatorElementTemplate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Indicator/IndicatorElementTemplate.ts"],"names":[],"mappings":"AACA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAGxD,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;;uBAEQ,CAAC,CAAC,KAAK,IAAI,CAAC;cACrB,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;wCAE7C,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK;yBACtC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;0BACrC,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;aACvC,CAAC;;KAET,CAAC;AACN,CAAC"}
|
package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CA4H7D"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
// ------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by a tool.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
5
|
+
// </auto-generated>
|
|
6
|
+
// ------------------------------------------------------------------------------
|
|
7
|
+
// #region Imports
|
|
8
|
+
import { css } from '../../../../../Dom/Css';
|
|
9
|
+
// #endregion
|
|
10
|
+
/**
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export function indicatorElementCosmopolitanStyle() {
|
|
14
|
+
return css `
|
|
15
|
+
:host {
|
|
16
|
+
--indicator-background-color: transparent;
|
|
17
|
+
--indicator-border-color: transparent;
|
|
18
|
+
--indicator-border-radius: 0px;
|
|
19
|
+
--indicator-border-style: solid;
|
|
20
|
+
--indicator-border-width: 0px;
|
|
21
|
+
--indicator-font-family: var(--cosmopolitan-font-family);
|
|
22
|
+
--indicator-font-letter-spacing: unset;
|
|
23
|
+
--indicator-font-line-height: unset;
|
|
24
|
+
--indicator-font-size: 12px;
|
|
25
|
+
--indicator-font-text-decoration: unset;
|
|
26
|
+
--indicator-font-text-transform: unset;
|
|
27
|
+
--indicator-font-weight: normal;
|
|
28
|
+
--indicator-foreground-color: var(--cosmopolitan-scheme-middlelight);
|
|
29
|
+
--indicator-gap: var(--cosmopolitan-layout-space);
|
|
30
|
+
--indicator-padding-bottom: unset;
|
|
31
|
+
--indicator-padding-left: unset;
|
|
32
|
+
--indicator-padding-right: unset;
|
|
33
|
+
--indicator-padding-top: unset;
|
|
34
|
+
--indicator-shadow: var(--cosmopolitan-elevation-none);
|
|
35
|
+
--indicator-transition-duration: .2s;
|
|
36
|
+
--indicator-transition-mode: ease;
|
|
37
|
+
--indicator-transition-property: all;
|
|
38
|
+
--indicator-translate: unset;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
|
42
|
+
:host {
|
|
43
|
+
transition-duration: .01ms;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
:host {
|
|
48
|
+
box-sizing: border-box;
|
|
49
|
+
display: block;
|
|
50
|
+
position: relative;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:host *, :host :before, :host :after {
|
|
54
|
+
box-sizing: border-box;
|
|
55
|
+
background-repeat: no-repeat;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
:host :before, :host :after {
|
|
59
|
+
text-decoration: inherit;
|
|
60
|
+
vertical-align: inherit;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
:host([hidden]) {
|
|
64
|
+
display: none !important;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
:host {
|
|
68
|
+
font-family: var(--indicator-font-family);
|
|
69
|
+
font-size: var(--indicator-font-size);
|
|
70
|
+
line-height: var(--indicator-font-line-height);
|
|
71
|
+
font-weight: var(--indicator-font-weight);
|
|
72
|
+
letter-spacing: var(--indicator-font-letter-spacing);
|
|
73
|
+
-webkit-text-decoration: var(--indicator-font-text-decoration);
|
|
74
|
+
text-decoration: var(--indicator-font-text-decoration);
|
|
75
|
+
text-transform: var(--indicator-font-text-transform);
|
|
76
|
+
transition-duration: var(--indicator-transition-duration);
|
|
77
|
+
transition-timing-function: var(--indicator-transition-mode);
|
|
78
|
+
transition-property: var(--indicator-transition-property);
|
|
79
|
+
translate: var(--indicator-translate);
|
|
80
|
+
display: block;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
:host [part="list"] {
|
|
84
|
+
transition-duration: inherit;
|
|
85
|
+
transition-timing-function: inherit;
|
|
86
|
+
flex-direction: column;
|
|
87
|
+
justify-content: center;
|
|
88
|
+
align-items: center;
|
|
89
|
+
margin: 0;
|
|
90
|
+
padding: 0;
|
|
91
|
+
list-style: none;
|
|
92
|
+
transition-property: inherit;
|
|
93
|
+
display: flex;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
:host [part="list"] [part="listItem"] {
|
|
97
|
+
cursor: pointer;
|
|
98
|
+
width: 8px;
|
|
99
|
+
height: 8px;
|
|
100
|
+
transition-duration: inherit;
|
|
101
|
+
transition-timing-function: inherit;
|
|
102
|
+
border-style: solid;
|
|
103
|
+
border-width: 0;
|
|
104
|
+
padding: 0;
|
|
105
|
+
transition-property: inherit;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
:host([disabled]:not([disabled="false"])) [part="listItem"] {
|
|
109
|
+
cursor: default;
|
|
110
|
+
pointer-events: none;
|
|
111
|
+
-webkit-user-select: none;
|
|
112
|
+
-moz-user-select: none;
|
|
113
|
+
user-select: none;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
:host([orientation="horizontal"]) [part="list"] {
|
|
117
|
+
flex-direction: row;
|
|
118
|
+
justify-content: center;
|
|
119
|
+
align-items: center;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
:host([orientation="horizontal"]) [part="listItem"].selected {
|
|
123
|
+
width: 16px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
:host([orientation="vertical"]) [part="list"] {
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
justify-content: center;
|
|
129
|
+
align-items: center;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
:host([orientation="vertical"]) [part="listItem"].selected {
|
|
133
|
+
height: 16px;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
`;
|
|
137
|
+
}
|
|
138
|
+
//# sourceMappingURL=IndicatorElement.Cosmopolitan.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0HT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndicatorElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA2NpD"}
|