@leavittsoftware/web 5.15.3 → 5.17.0

package/titanium/input-validator/filled-input-validator.js

@@ -0,0 +1,48 @@
+import { __decorate } from "tslib";
+import { customElement, property } from 'lit/decorators.js';
+import { MdFilledField } from '@material/web/field/filled-field';
+/**
+ * Input validator to make components use validation consistent with material 3 outlined styling
+ *
+ * @element titanium-filled-input-validator
+ * @slot default - The slotted element should fire the NotifyUserInputEvent when it is ready to be validated
+ * @example
+ * <titanium-filled-input-validator .evaluator=${() => (this.collection?.length ?? 0) > 0} validationMessage="Collection must have one item">
+ *     <custom-input></custom-input>
+ * </titanium-filled-input-validator>
+ */
+let TitaniumFilledInputValidator = class TitaniumFilledInputValidator extends MdFilledField {
+    constructor() {
+        super(...arguments);
+        this.populated = true;
+    }
+    #evaluator_accessor_storage;
+    get evaluator() { return this.#evaluator_accessor_storage; }
+    set evaluator(value) { this.#evaluator_accessor_storage = value; }
+    firstUpdated() {
+        this.addEventListener('focusin', () => (this.focused = true));
+        this.addEventListener('focusout', () => (this.focused = false));
+    }
+    reset() {
+        this.error = false;
+    }
+    reportValidity() {
+        const valid = this.checkValidity();
+        this.error = !valid;
+        return valid;
+    }
+    checkValidity() {
+        return !!this.evaluator();
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], TitaniumFilledInputValidator.prototype, "populated", void 0);
+__decorate([
+    property({ type: Object })
+], TitaniumFilledInputValidator.prototype, "evaluator", null);
+TitaniumFilledInputValidator = __decorate([
+    customElement('titanium-filled-input-validator')
+], TitaniumFilledInputValidator);
+export { TitaniumFilledInputValidator };
+//# sourceMappingURL=filled-input-validator.js.map

package/titanium/input-validator/filled-input-validator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-input-validator.js","sourceRoot":"","sources":["filled-input-validator.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjE;;;;;;;;;GASG;AAEI,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,aAAa;IAAxD;;QACwB,cAAS,GAAY,IAAI,CAAC;IAsBzD,CAAC;IArBsC,4BAAyB;IAAzB,IAAA,SAAS,+CAAgB;IAAzB,IAAA,SAAS,qDAAgB;IAE9D,YAAY;QACV,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,cAAc;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QAEpB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IAC5B,CAAC;CACF,CAAA;AAtB8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DAA2B;AAClB;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAAmC;AAFnD,4BAA4B;IADxC,aAAa,CAAC,iCAAiC,CAAC;GACpC,4BAA4B,CAuBxC"}

package/titanium/input-validator/outlined-input-validator.d.ts

@@ -0,0 +1,20 @@
+import { MdOutlinedField } from '@material/web/field/outlined-field';
+/**
+ * Input validator to make components use validation consistent with material 3 outlined styling
+ *
+ * @element titanium-outlined-input-validator
+ * @slot default - The slotted element should fire the NotifyUserInputEvent when it is ready to be validated
+ * @example
+ * <titanium-outlined-input-validator .evaluator=${() => (this.collection?.length ?? 0) > 0} validationMessage="Collection must have one item">
+ *     <custom-input></custom-input>
+ * </titanium-outlined-input-validator>
+ */
+export declare class TitaniumOutlinedInputValidator extends MdOutlinedField {
+    populated: boolean;
+    accessor evaluator: () => boolean;
+    firstUpdated(): void;
+    reset(): void;
+    reportValidity(): boolean;
+    checkValidity(): boolean;
+}
+//# sourceMappingURL=outlined-input-validator.d.ts.map

package/titanium/input-validator/outlined-input-validator.js

@@ -0,0 +1,48 @@
+import { __decorate } from "tslib";
+import { customElement, property } from 'lit/decorators.js';
+import { MdOutlinedField } from '@material/web/field/outlined-field';
+/**
+ * Input validator to make components use validation consistent with material 3 outlined styling
+ *
+ * @element titanium-outlined-input-validator
+ * @slot default - The slotted element should fire the NotifyUserInputEvent when it is ready to be validated
+ * @example
+ * <titanium-outlined-input-validator .evaluator=${() => (this.collection?.length ?? 0) > 0} validationMessage="Collection must have one item">
+ *     <custom-input></custom-input>
+ * </titanium-outlined-input-validator>
+ */
+let TitaniumOutlinedInputValidator = class TitaniumOutlinedInputValidator extends MdOutlinedField {
+    constructor() {
+        super(...arguments);
+        this.populated = true;
+    }
+    #evaluator_accessor_storage;
+    get evaluator() { return this.#evaluator_accessor_storage; }
+    set evaluator(value) { this.#evaluator_accessor_storage = value; }
+    firstUpdated() {
+        this.addEventListener('focusin', () => (this.focused = true));
+        this.addEventListener('focusout', () => (this.focused = false));
+    }
+    reset() {
+        this.error = false;
+    }
+    reportValidity() {
+        const valid = this.checkValidity();
+        this.error = !valid;
+        return valid;
+    }
+    checkValidity() {
+        return !!this.evaluator();
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], TitaniumOutlinedInputValidator.prototype, "populated", void 0);
+__decorate([
+    property({ type: Object })
+], TitaniumOutlinedInputValidator.prototype, "evaluator", null);
+TitaniumOutlinedInputValidator = __decorate([
+    customElement('titanium-outlined-input-validator')
+], TitaniumOutlinedInputValidator);
+export { TitaniumOutlinedInputValidator };
+//# sourceMappingURL=outlined-input-validator.js.map

package/titanium/input-validator/outlined-input-validator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlined-input-validator.js","sourceRoot":"","sources":["outlined-input-validator.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE;;;;;;;;;GASG;AAEI,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,eAAe;IAA5D;;QACwB,cAAS,GAAY,IAAI,CAAC;IAsBzD,CAAC;IArBsC,4BAAyB;IAAzB,IAAA,SAAS,+CAAgB;IAAzB,IAAA,SAAS,qDAAgB;IAE9D,YAAY;QACV,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,cAAc;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QAEpB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IAC5B,CAAC;CACF,CAAA;AAtB8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iEAA2B;AAClB;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+DAAmC;AAFnD,8BAA8B;IAD1C,aAAa,CAAC,mCAAmC,CAAC;GACtC,8BAA8B,CAuB1C"}

package/titanium/single-select-base/single-select-base.d.ts

@@ -11,7 +11,7 @@ import { Menu } from '@material/web/menu/internal/menu';
 import { Identifier } from '../types/identifier-interface';
 declare const TitaniumSingleSelectBase_base: import("../../leavitt/theme/theme-preference").Constructor<import("../../leavitt/theme/theme-preference").ThemePreferenceInterface> & {
     new (...args: any[]): {
-        #promiseCount: number;
+        "__#private@#promiseCount": number;
         isLoading: boolean;
         loadWhile(promise: Promise<unknown>): Promise<void>;
         accessKey: string;

package/titanium/single-select-base/single-select-base.js

@@ -315,7 +315,7 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         --md-filled-text-field-focus-active-indicator-height: 0;
         --md-filled-text-field-disabled-active-indicator-height: 0;
       }
-      
+
       :host([shaped]) {
         --md-outlined-text-field-container-shape: 28px;
         --md-filled-text-field-container-shape: 28px;

package/titanium/smart-attachment-input/crop-and-save-image-dialog.d.ts

@@ -24,7 +24,7 @@ export declare type SelectionData = {
 };
 declare const CropAndSaveImageDialog_base: {
     new (...args: any[]): {
-        #promiseCount: number;
+        "__#private@#promiseCount": number;
         isLoading: boolean;
         loadWhile(promise: Promise<unknown>): Promise<void>;
         accessKey: string;

package/titanium/smart-attachment-input/smart-attachment-input.d.ts

@@ -107,11 +107,11 @@ export declare class TitaniumSmartAttachmentInput extends LitElement {
     /**
      *  Returns true if the input passes validity checks.
      */
-    checkValidity(): boolean;
+    checkValidity(): boolean | undefined;
     /**
      *  Runs checkValidity() method, and if it returns false, then it reports to the user that the input is invalid.
      */
-    reportValidity(): boolean;
+    reportValidity(): boolean | undefined;
     /**
      *  Returns true if the images have been added, removed or edited.
      */

package/titanium/styles/nice-badge.d.ts

@@ -0,0 +1,2 @@
+export declare const niceBadgeStyles: import("lit").CSSResult;
+//# sourceMappingURL=nice-badge.d.ts.map

package/titanium/styles/nice-badge.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+export const niceBadgeStyles = css `
+  nice-badge {
+    box-sizing: border-box;
+
+    background-color: var(--md-sys-color-error);
+    color: var(--md-sys-color-on-error);
+
+    display: grid;
+    place-content: center;
+    border-radius: 16px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 14px;
+
+    font-family: Metropolis;
+
+    padding: 1px 4px;
+    border: 1px solid transparent;
+    min-width: 18px;
+
+    height: initial;
+    width: initial;
+  }
+
+  nice-badge[primary] {
+    background-color: var(--md-sys-color-primary);
+    color: var(--md-sys-color-on-primary);
+  }
+
+  nice-badge[secondary] {
+    background-color: var(--md-sys-color-secondary);
+    color: var(--md-sys-color-on-secondary);
+  }
+
+  nice-badge[compact] {
+    padding: 1px 2px;
+
+    font-size: 12px;
+    line-height: 12px;
+  }
+`;
+//# sourceMappingURL=nice-badge.js.map

package/titanium/styles/nice-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nice-badge.js","sourceRoot":"","sources":["nice-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCjC,CAAC"}