@3mo/date-time-fields 0.0.2 → 0.0.5

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.
@@ -13,6 +13,7 @@ export declare abstract class FieldDateBase<T> extends InputFieldComponent<T> {
13
13
  protected readonly calendarElement?: SelectableCalendar<T>;
14
14
  protected readonly abstract calendarSelectionAdapterConstructor: Constructor<CalendarSelectionAdapter<T>>;
15
15
  protected handleChange(value?: T, e?: Event): void;
16
+ protected get isActive(): boolean;
16
17
  static get styles(): import("@a11d/lit").CSSResult;
17
18
  protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
18
19
  protected get inputTemplate(): import("lit-html").TemplateResult<1>;
@@ -1 +1 @@
1
- {"version":3,"file":"FieldDateBase.d.ts","sourceRoot":"","sources":["../../FieldDateBase.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAElF;;;;GAIG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxB,IAAI,UAAQ;IAC3B,cAAc,UAAQ;IACvB,qBAAqB,gDAAe;IAE/B,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAE3F,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,mCAAmC,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;cAEtF,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,WAAoB,MAAM,kCAEzB;IAED,cAAuB,eAAe,yCAErC;IAED,cAAuB,aAAa,yCAEnC;IAED,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;uBACtC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,MAAM;IAE3E,SAAS,KAAK,0BAA0B,yCAEvC;IAED,SAAS,KAAK,mBAAmB,yCAEhC;IAED,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;CAIvC"}
1
+ {"version":3,"file":"FieldDateBase.d.ts","sourceRoot":"","sources":["../../FieldDateBase.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAElF;;;;GAIG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxB,IAAI,UAAQ;IAC3B,cAAc,UAAQ;IACvB,qBAAqB,gDAAe;IAE/B,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAE3F,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,mCAAmC,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;cAEtF,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,cAAuB,QAAQ,YAE9B;IAED,WAAoB,MAAM,kCAEzB;IAED,cAAuB,eAAe,yCAErC;IAED,cAAuB,aAAa,yCAEnC;IAED,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;uBACtC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,MAAM;IAE3E,SAAS,KAAK,0BAA0B,yCAEvC;IAED,SAAS,KAAK,mBAAmB,yCAEhC;IAED,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;CAIvC"}
@@ -1,6 +1,5 @@
1
1
  import { Component } from '@a11d/lit';
2
2
  import { SlotController } from '@3mo/slot-controller';
3
- import { FocusController } from '@3mo/focus-controller';
4
3
  import { ThemeController } from '@3mo/theme';
5
4
  /**
6
5
  * @element mo-field
@@ -25,10 +24,9 @@ export declare class Field extends Component {
25
24
  dense: boolean;
26
25
  populated: boolean;
27
26
  invalid: boolean;
28
- protected active: boolean;
27
+ active: boolean;
29
28
  readonly slotController: SlotController;
30
29
  readonly themeController: ThemeController;
31
- readonly focusController: FocusController;
32
30
  static get styles(): import("@a11d/lit").CSSResult;
33
31
  protected static get labelStyles(): import("@a11d/lit").CSSResult;
34
32
  protected static get indicatorLineStyles(): import("@a11d/lit").CSSResult;
@@ -1 +1 @@
1
- {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../Field/Field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAsB,MAAM,WAAW,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAK5C;;;;;;;;;;;;;;GAcG;AACH,qBACa,KAAM,SAAQ,SAAS;IACN,KAAK,SAAK;IACK,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,KAAK,UAAQ;IACb,SAAS,UAAQ;IACjB,OAAO,UAAQ;IACf,SAAS,CAAC,MAAM,UAAQ;IAEpE,QAAQ,CAAC,cAAc,iBAA2B;IAClD,QAAQ,CAAC,eAAe,kBAA4B;IACpD,QAAQ,CAAC,eAAe,kBAEtB;IAEF,WAAoB,MAAM,kCAEzB;IAED,SAAS,CAAC,MAAM,KAAK,WAAW,kCAE/B;IAED,SAAS,CAAC,MAAM,KAAK,mBAAmB,kCAEvC;IAED,SAAS,CAAC,MAAM,KAAK,WAAW,kCAE/B;IAED,cAAuB,QAAQ,yCAG9B;CACD"}
1
+ {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../Field/Field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAsB,MAAM,WAAW,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAI5C;;;;;;;;;;;;;;GAcG;AACH,qBACa,KAAM,SAAQ,SAAS;IACN,KAAK,SAAK;IACK,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,KAAK,UAAQ;IACb,SAAS,UAAQ;IACjB,OAAO,UAAQ;IACf,MAAM,UAAQ;IAE1D,QAAQ,CAAC,cAAc,iBAA2B;IAClD,QAAQ,CAAC,eAAe,kBAA4B;IAEpD,WAAoB,MAAM,kCAEzB;IAED,SAAS,CAAC,MAAM,KAAK,WAAW,kCAE/B;IAED,SAAS,CAAC,MAAM,KAAK,mBAAmB,kCAEvC;IAED,SAAS,CAAC,MAAM,KAAK,WAAW,kCAE/B;IAED,cAAuB,QAAQ,yCAG9B;CACD"}
@@ -26,6 +26,7 @@ export declare abstract class FieldComponent<T> extends Component {
26
26
  disabled: boolean;
27
27
  required: boolean;
28
28
  protected invalid: boolean;
29
+ private focused;
29
30
  protected inputValue?: T;
30
31
  protected readonly slotController: SlotController;
31
32
  protected readonly focusController: FocusController;
@@ -35,6 +36,7 @@ export declare abstract class FieldComponent<T> extends Component {
35
36
  protected handleInput(value: T | undefined, e?: Event): void;
36
37
  protected handleChange(value: T | undefined, e?: Event): void;
37
38
  protected get isPopulated(): boolean;
39
+ protected get isActive(): boolean;
38
40
  protected get isDense(): boolean;
39
41
  protected get template(): import("lit-html").TemplateResult<1>;
40
42
  protected get startSlotTemplate(): import("lit-html").TemplateResult<1>;
@@ -1 +1 @@
1
- {"version":3,"file":"FieldComponent.d.ts","sourceRoot":"","sources":["../../../Field/FieldComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAS,MAAM,WAAW,CAAA;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD;;;;;;;;;;;;;;GAcG;AACH,8BAAsB,cAAc,CAAC,CAAC,CAAE,SAAQ,SAAS;IAC/C,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAChD,QAAQ,CAAC,KAAK,EAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAC/C,QAAQ,CAAC,cAAc,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IAC9C,KAAK,SAAK;IACO,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,SAAS,CAAC,OAAO,UAAQ;IAE7C,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IAEjC,SAAS,CAAC,QAAQ,CAAC,cAAc,iBAA2B;IAC5D,SAAS,CAAC,QAAQ,CAAC,eAAe,kBAEhC;cAEiB,YAAY;IAI/B,SAAS,CAAC,WAAW;IAErB,SAAS,CAAC,UAAU;IAEpB,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK;IAOrD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK;IAOtD,SAAS,KAAK,WAAW,YAExB;IAED,SAAS,KAAK,OAAO,YAEpB;IAED,cAAuB,QAAQ,yCAE9B;IAED,SAAS,KAAK,iBAAiB,yCAE9B;IAED,SAAS,CAAC,QAAQ,KAAK,aAAa,IAAI,kBAAkB,CAAA;IAE1D,SAAS,KAAK,eAAe,yCAE5B;cAEe,QAAQ;IAMxB,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,GAAG,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IACzI,QAAQ,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;IAC1C,QAAQ,CAAC,cAAc,IAAI,IAAI;CAC/B"}
1
+ {"version":3,"file":"FieldComponent.d.ts","sourceRoot":"","sources":["../../../Field/FieldComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAS,MAAM,WAAW,CAAA;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD;;;;;;;;;;;;;;GAcG;AACH,8BAAsB,cAAc,CAAC,CAAC,CAAE,SAAQ,SAAS;IAC/C,QAAQ,CAAC,MAAM,EAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAChD,QAAQ,CAAC,KAAK,EAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CAAA;IAC/C,QAAQ,CAAC,cAAc,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IAC9C,KAAK,SAAK;IACO,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,QAAQ,UAAQ;IAChB,SAAS,CAAC,OAAO,UAAQ;IAE7C,OAAO,CAAC,OAAO,CAAQ;IACvB,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IAEjC,SAAS,CAAC,QAAQ,CAAC,cAAc,iBAA2B;IAC5D,SAAS,CAAC,QAAQ,CAAC,eAAe,kBAKhC;cAEiB,YAAY;IAI/B,SAAS,CAAC,WAAW;IAErB,SAAS,CAAC,UAAU;IAEpB,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK;IAOrD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK;IAOtD,SAAS,KAAK,WAAW,YAExB;IAED,SAAS,KAAK,QAAQ,YAErB;IAED,SAAS,KAAK,OAAO,YAEpB;IAED,cAAuB,QAAQ,yCAE9B;IAED,SAAS,KAAK,iBAAiB,yCAE9B;IAED,SAAS,CAAC,QAAQ,KAAK,aAAa,IAAI,kBAAkB,CAAA;IAE1D,SAAS,KAAK,eAAe,yCAE5B;cAEe,QAAQ;IAMxB,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,GAAG,UAAU,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IACzI,QAAQ,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;IAC1C,QAAQ,CAAC,cAAc,IAAI,IAAI;CAC/B"}
@@ -13,6 +13,7 @@ export declare abstract class FieldDateBase<T> extends InputFieldComponent<T> {
13
13
  protected readonly calendarElement?: SelectableCalendar<T>;
14
14
  protected readonly abstract calendarSelectionAdapterConstructor: Constructor<CalendarSelectionAdapter<T>>;
15
15
  protected handleChange(value?: T, e?: Event): void;
16
+ protected get isActive(): boolean;
16
17
  static get styles(): import("@a11d/lit").CSSResult;
17
18
  protected get endSlotTemplate(): import("lit-html").TemplateResult<1>;
18
19
  protected get inputTemplate(): import("lit-html").TemplateResult<1>;
@@ -1 +1 @@
1
- {"version":3,"file":"FieldDateBase.d.ts","sourceRoot":"","sources":["../FieldDateBase.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAElF;;;;GAIG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxB,IAAI,UAAQ;IAC3B,cAAc,UAAQ;IACvB,qBAAqB,gDAAe;IAE/B,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAE3F,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,mCAAmC,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;cAEtF,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,WAAoB,MAAM,kCAUzB;IAED,cAAuB,eAAe,yCAKrC;IAED,cAAuB,aAAa,yCAYnC;IAED,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;uBACtC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,MAAM;IAE3E,SAAS,KAAK,0BAA0B,yCAkBvC;IAED,SAAS,KAAK,mBAAmB,yCAQhC;IAED,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;CAIvC"}
1
+ {"version":3,"file":"FieldDateBase.d.ts","sourceRoot":"","sources":["../FieldDateBase.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAElF;;;;GAIG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxB,IAAI,UAAQ;IAC3B,cAAc,UAAQ;IACvB,qBAAqB,gDAAe;IAE/B,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAE3F,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,mCAAmC,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;cAEtF,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK;IAKpD,cAAuB,QAAQ,YAE9B;IAED,WAAoB,MAAM,kCAUzB;IAED,cAAuB,eAAe,yCAKrC;IAED,cAAuB,aAAa,yCAYnC;IAED,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;uBACtC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,MAAM;IAE3E,SAAS,KAAK,0BAA0B,yCAkBvC;IAED,SAAS,KAAK,mBAAmB,yCAQhC;IAED,SAAS,CAAC,QAAQ,CAAC,sBAAsB,EAAE,YAAY,CAAU;IAEjE,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;CAIvC"}
@@ -18,6 +18,9 @@ export class FieldDateBase extends InputFieldComponent {
18
18
  super.handleChange(value, e);
19
19
  this.inputStringValue = this.valueToInputValue(value);
20
20
  }
21
+ get isActive() {
22
+ return super.isActive || this.open;
23
+ }
21
24
  static get styles() {
22
25
  return css `
23
26
  mo-popover {
@@ -53,7 +56,7 @@ export class FieldDateBase extends InputFieldComponent {
53
56
  ${this.hideDatePicker ? nothing : html `
54
57
  <mo-icon-button tabindex='-1' dense slot='end'
55
58
  icon=${this.calendarIconButtonIcon}
56
- ${style({ color: this.open ? 'var(--mo-color-accent)' : 'var(--mo-color-gray)' })}
59
+ ${style({ color: this.isActive ? 'var(--mo-color-accent)' : 'var(--mo-color-gray)' })}
57
60
  @click=${() => this.open = !this.open}>
58
61
  </mo-icon-button>
59
62
  `}