@internetarchive/elements 1.1.2 → 1.1.3-l10n-demo.1

package/dist/src/elements/ia-donation-form/form-elements/ia-donation-badged-input.js

@@ -0,0 +1,163 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement, nothing, } from 'lit';
+import { property } from 'lit/decorators.js';
+import { customElement } from '../../../util/custom-element.js';
+import themeStyles from '../../../themes/theme-styles.js';
+/** Whether a hidden icon or required marker keeps its space, so neighbouring fields still line up. */
+export const SpacerOption = {
+    LeaveSpace: 'leave-space',
+    CompressSpace: 'compress-space',
+};
+/**
+ * A bordered field wrapper with an icon on the left and a required marker,
+ * which turns red on error. The field itself is slotted in, so it works for
+ * plain inputs, selects and Braintree's hosted field containers alike.
+ */
+let IADonationBadgedInput = class IADonationBadgedInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.error = false;
+        this.required = false;
+        /** When there's no icon, whether its column stays or collapses */
+        this.iconSpaceOption = SpacerOption.LeaveSpace;
+        /** When the field isn't required, whether the marker's space stays or collapses */
+        this.requiredIndicatorSpaceOption = SpacerOption.LeaveSpace;
+    }
+    render() {
+        return html `
+      <div
+        class="input-wrapper ${this.errorClass} ${this.iconSpaceOptionClass}"
+      >
+        <div class="icon-container">${this.icon}</div>
+        <div class="required-indicator ${this.requiredIndicatorSpaceOption}">
+          ${this.required ? html `*` : nothing}
+        </div>
+
+        <slot></slot>
+      </div>
+    `;
+    }
+    get errorClass() {
+        return this.error ? 'error' : '';
+    }
+    get iconSpaceOptionClass() {
+        return this.iconSpaceOption === SpacerOption.CompressSpace
+            ? 'compress-space'
+            : '';
+    }
+    static get styles() {
+        return [
+            themeStyles,
+            css `
+        :host {
+          --donation-badged-input-base-font-size--: var(
+            --ia-donation-form-base-font-size,
+            10px
+          );
+          --donation-badged-input-border--: var(
+            --ia-donation-form-input-border,
+            1px solid #d9d9d9
+          );
+          --donation-badged-input-error-color--: var(
+            --ia-donation-badged-input-error-color,
+            var(--color-danger)
+          );
+          --donation-badged-input-icon-size--: var(
+            --ia-donation-badged-input-icon-size,
+            calc(var(--donation-badged-input-base-font-size--) * 1.4)
+          );
+          --donation-badged-input-icon-color--: var(
+            --ia-donation-badged-input-icon-color,
+            currentColor
+          );
+          --donation-badged-input-icon-spacer-width--: var(
+            --ia-donation-badged-input-icon-spacer-width,
+            calc(var(--donation-badged-input-base-font-size--) * 3)
+          );
+          --donation-badged-input-no-icon-spacer-width--: var(
+            --ia-donation-badged-input-no-icon-spacer-width,
+            var(--donation-badged-input-base-font-size--)
+          );
+          --donation-badged-input-height--: var(
+            --ia-donation-badged-input-height,
+            calc(var(--donation-badged-input-base-font-size--) * 3)
+          );
+          --donation-badged-input-required-color--: var(
+            --ia-donation-badged-input-required-color,
+            var(--color-danger)
+          );
+          --donation-badged-input-required-margin--: var(
+            --ia-donation-badged-input-required-margin,
+            0 0.25rem 0 0
+          );
+          --donation-badged-input-required-font-size--: var(
+            --ia-donation-badged-input-required-font-size,
+            calc(var(--donation-badged-input-base-font-size--) * 2)
+          );
+        }
+
+        .input-wrapper {
+          border: var(--donation-badged-input-border--);
+          height: var(--donation-badged-input-height--);
+          display: flex;
+          align-items: center;
+        }
+
+        .input-wrapper.error {
+          box-shadow: inset 0px 0px 0px 1px
+            var(--donation-badged-input-error-color--);
+          border-color: var(--donation-badged-input-error-color--);
+        }
+
+        .input-wrapper.compress-space .icon-container {
+          width: var(--donation-badged-input-no-icon-spacer-width--);
+        }
+
+        .icon-container {
+          width: var(--donation-badged-input-icon-spacer-width--);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+        }
+
+        /* Masked glyphs take their shape from the mask and their colour from here */
+        .icon-container .ia-icon {
+          width: var(--donation-badged-input-icon-size--);
+          height: var(--donation-badged-input-icon-size--);
+          background-color: var(--donation-badged-input-icon-color--);
+        }
+
+        .required-indicator {
+          color: var(--donation-badged-input-required-color--);
+          font-size: var(--donation-badged-input-required-font-size--);
+          margin: var(--donation-badged-input-required-margin--);
+        }
+
+        .required-indicator.leave-space {
+          width: 0.5em;
+        }
+      `,
+        ];
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], IADonationBadgedInput.prototype, "error", void 0);
+__decorate([
+    property({ type: Object })
+], IADonationBadgedInput.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], IADonationBadgedInput.prototype, "required", void 0);
+__decorate([
+    property({ type: String })
+], IADonationBadgedInput.prototype, "iconSpaceOption", void 0);
+__decorate([
+    property({ type: String })
+], IADonationBadgedInput.prototype, "requiredIndicatorSpaceOption", void 0);
+IADonationBadgedInput = __decorate([
+    customElement('ia-donation-badged-input')
+], IADonationBadgedInput);
+export { IADonationBadgedInput };
+//# sourceMappingURL=ia-donation-badged-input.js.map

package/dist/src/elements/ia-donation-form/form-elements/ia-donation-badged-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-donation-badged-input.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/form-elements/ia-donation-badged-input.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,IAAI,EACJ,UAAU,EACV,OAAO,GAGR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,sGAAsG;AACtG,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE,aAAa;IACzB,aAAa,EAAE,gBAAgB;CACvB,CAAC;AAIX;;;;GAIG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QACwB,UAAK,GAAG,KAAK,CAAC;QAId,aAAQ,GAAG,KAAK,CAAC;QAE9C,kEAAkE;QACtC,oBAAe,GACzC,YAAY,CAAC,UAAU,CAAC;QAE1B,mFAAmF;QACvD,iCAA4B,GACtD,YAAY,CAAC,UAAU,CAAC;IA0H5B,CAAC;IAxHC,MAAM;QACJ,OAAO,IAAI,CAAA;;+BAEgB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,oBAAoB;;sCAErC,IAAI,CAAC,IAAI;yCACN,IAAI,CAAC,4BAA4B;YAC9D,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,CAAC,CAAC,CAAC,OAAO;;;;;KAKxC,CAAC;IACJ,CAAC;IAED,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAC,eAAe,KAAK,YAAY,CAAC,aAAa;YACxD,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyFF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAtI8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAe;AAEf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAuB;AAErB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAkB;AAGlB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DACD;AAGE;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2EACD;AAbf,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAuIjC","sourcesContent":["import {\n  css,\n  html,\n  LitElement,\n  nothing,\n  type CSSResultGroup,\n  type TemplateResult,\n} from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\n\nimport themeStyles from '@src/themes/theme-styles';\n\n/** Whether a hidden icon or required marker keeps its space, so neighbouring fields still line up. */\nexport const SpacerOption = {\n  LeaveSpace: 'leave-space',\n  CompressSpace: 'compress-space',\n} as const;\n\nexport type SpacerOption = (typeof SpacerOption)[keyof typeof SpacerOption];\n\n/**\n * A bordered field wrapper with an icon on the left and a required marker,\n * which turns red on error. The field itself is slotted in, so it works for\n * plain inputs, selects and Braintree's hosted field containers alike.\n */\n@customElement('ia-donation-badged-input')\nexport class IADonationBadgedInput extends LitElement {\n  @property({ type: Boolean }) error = false;\n\n  @property({ type: Object }) icon?: TemplateResult;\n\n  @property({ type: Boolean }) required = false;\n\n  /** When there's no icon, whether its column stays or collapses */\n  @property({ type: String }) iconSpaceOption: SpacerOption =\n    SpacerOption.LeaveSpace;\n\n  /** When the field isn't required, whether the marker's space stays or collapses */\n  @property({ type: String }) requiredIndicatorSpaceOption: SpacerOption =\n    SpacerOption.LeaveSpace;\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=\"input-wrapper ${this.errorClass} ${this.iconSpaceOptionClass}\"\n      >\n        <div class=\"icon-container\">${this.icon}</div>\n        <div class=\"required-indicator ${this.requiredIndicatorSpaceOption}\">\n          ${this.required ? html`*` : nothing}\n        </div>\n\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  private get errorClass(): string {\n    return this.error ? 'error' : '';\n  }\n\n  private get iconSpaceOptionClass(): string {\n    return this.iconSpaceOption === SpacerOption.CompressSpace\n      ? 'compress-space'\n      : '';\n  }\n\n  static get styles(): CSSResultGroup {\n    return [\n      themeStyles,\n      css`\n        :host {\n          --donation-badged-input-base-font-size--: var(\n            --ia-donation-form-base-font-size,\n            10px\n          );\n          --donation-badged-input-border--: var(\n            --ia-donation-form-input-border,\n            1px solid #d9d9d9\n          );\n          --donation-badged-input-error-color--: var(\n            --ia-donation-badged-input-error-color,\n            var(--color-danger)\n          );\n          --donation-badged-input-icon-size--: var(\n            --ia-donation-badged-input-icon-size,\n            calc(var(--donation-badged-input-base-font-size--) * 1.4)\n          );\n          --donation-badged-input-icon-color--: var(\n            --ia-donation-badged-input-icon-color,\n            currentColor\n          );\n          --donation-badged-input-icon-spacer-width--: var(\n            --ia-donation-badged-input-icon-spacer-width,\n            calc(var(--donation-badged-input-base-font-size--) * 3)\n          );\n          --donation-badged-input-no-icon-spacer-width--: var(\n            --ia-donation-badged-input-no-icon-spacer-width,\n            var(--donation-badged-input-base-font-size--)\n          );\n          --donation-badged-input-height--: var(\n            --ia-donation-badged-input-height,\n            calc(var(--donation-badged-input-base-font-size--) * 3)\n          );\n          --donation-badged-input-required-color--: var(\n            --ia-donation-badged-input-required-color,\n            var(--color-danger)\n          );\n          --donation-badged-input-required-margin--: var(\n            --ia-donation-badged-input-required-margin,\n            0 0.25rem 0 0\n          );\n          --donation-badged-input-required-font-size--: var(\n            --ia-donation-badged-input-required-font-size,\n            calc(var(--donation-badged-input-base-font-size--) * 2)\n          );\n        }\n\n        .input-wrapper {\n          border: var(--donation-badged-input-border--);\n          height: var(--donation-badged-input-height--);\n          display: flex;\n          align-items: center;\n        }\n\n        .input-wrapper.error {\n          box-shadow: inset 0px 0px 0px 1px\n            var(--donation-badged-input-error-color--);\n          border-color: var(--donation-badged-input-error-color--);\n        }\n\n        .input-wrapper.compress-space .icon-container {\n          width: var(--donation-badged-input-no-icon-spacer-width--);\n        }\n\n        .icon-container {\n          width: var(--donation-badged-input-icon-spacer-width--);\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-shrink: 0;\n        }\n\n        /* Masked glyphs take their shape from the mask and their colour from here */\n        .icon-container .ia-icon {\n          width: var(--donation-badged-input-icon-size--);\n          height: var(--donation-badged-input-icon-size--);\n          background-color: var(--donation-badged-input-icon-color--);\n        }\n\n        .required-indicator {\n          color: var(--donation-badged-input-required-color--);\n          font-size: var(--donation-badged-input-required-font-size--);\n          margin: var(--donation-badged-input-required-margin--);\n        }\n\n        .required-indicator.leave-space {\n          width: 0.5em;\n        }\n      `,\n    ];\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/form-elements/ia-donation-edit-donation.d.ts

@@ -0,0 +1,118 @@
+import { LitElement, type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+import { DonationPaymentInfo } from '../models/donation-payment-info.js';
+import './ia-donation-section.js';
+/** Whether the numbered step badges show on the sections. */
+export declare const EditDonationStepNumberMode: {
+    readonly HideNumbers: "hidenumbers";
+    readonly ShowNumbers: "shownumbers";
+};
+export type EditDonationStepNumberMode = (typeof EditDonationStepNumberMode)[keyof typeof EditDonationStepNumberMode];
+/** The radio button groups in the form. */
+export declare const EditDonationSelectionGroup: {
+    readonly DonationType: "donationType";
+    readonly Amount: "amount";
+};
+export type EditDonationSelectionGroup = (typeof EditDonationSelectionGroup)[keyof typeof EditDonationSelectionGroup];
+/** The outcome of validating an amount. Sent in the `editDonationError` event. */
+export declare const EditDonationInfoStatus: {
+    readonly ValidDonationAmount: "valid_donation_amount";
+    readonly InvalidDonationAmount: "invalid_donation_amount";
+    readonly DonationTooHigh: "donation_too_high";
+    readonly DonationTooLow: "donation_too_low";
+};
+export type EditDonationInfoStatus = (typeof EditDonationInfoStatus)[keyof typeof EditDonationInfoStatus];
+/** How the one-time / monthly choice is presented. */
+export declare const EditDonationFrequencySelectionMode: {
+    readonly Button: "button";
+    readonly Checkbox: "checkbox";
+    readonly Hide: "hide";
+};
+export type EditDonationFrequencySelectionMode = (typeof EditDonationFrequencySelectionMode)[keyof typeof EditDonationFrequencySelectionMode];
+/** Whether the amount buttons wrap onto several lines or stay on one. */
+export declare const EditDonationAmountSelectionLayout: {
+    readonly SingleLine: "single-line";
+    readonly MultiLine: "multi-line";
+};
+export type EditDonationAmountSelectionLayout = (typeof EditDonationAmountSelectionLayout)[keyof typeof EditDonationAmountSelectionLayout];
+/**
+ * The part of the donation form where the donor picks a frequency, an amount
+ * (preset or custom) and whether to cover the processing fee. Fires
+ * `donationInfoChanged` with the new `DonationPaymentInfo` on every change
+ * and `editDonationError` when a custom amount is out of range.
+ *
+ * The petabox donation banner uses this on its own, without the rest of the
+ * form.
+ */
+export declare class IADonationEditDonation extends LitElement {
+    donationInfo: DonationPaymentInfo;
+    stepNumberMode: EditDonationStepNumberMode;
+    /**
+     * A convenience for setting the selected amount from plain HTML. When
+     * present it wins over `donationInfo`.
+     */
+    defaultSelectedAmount?: number;
+    amountOptions: number[];
+    amountSelectionLayout: EditDonationAmountSelectionLayout;
+    frequencySelectionMode: EditDonationFrequencySelectionMode;
+    customAmountMode: 'display' | 'hide';
+    coverFeesCheckboxMode: 'display' | 'hide';
+    /** `slot` renders the `edit-donation-amount-title` slot in place of the default headline. */
+    amountTitleDisplayMode: 'default' | 'slot';
+    private error?;
+    private customAmountSelected;
+    private customAmountButton;
+    private customAmountInput;
+    private currencyValidator;
+    render(): TemplateResult;
+    updated(changedProperties: PropertyValues): void;
+    private get frequencyButtonsTemplate();
+    private get frequencyCheckboxTemplate();
+    private get coverFeesCheckboxTemplate();
+    /** The amount step is 2 when the frequency buttons come first, otherwise 1. */
+    private get amountSelectionSectionNumber();
+    private get formSectionNumberMode();
+    /**
+     * Picks the amount grid's column count, and how many columns the custom
+     * amount field spans, from how many preset amounts there are.
+     */
+    private setupAmountColumnsLayoutConfig;
+    /**
+     * Syncs the radios and the custom field with `donationInfo`. A preset
+     * amount checks its radio and clears the custom field; anything else
+     * selects the custom field and formats the amount into it.
+     */
+    private updateSelectedDonationInfo;
+    private get coverFeesText();
+    /**
+     * Formats a dollar amount without cents when it's a whole number and with
+     * them when it isn't: `$5` and `$5.50`.
+     */
+    private formatShortenedAmount;
+    private get frequencyTemplate();
+    private get presetAmountsTemplate();
+    private getRadioButton;
+    private get isCustomAmount();
+    private get customAmountDisplayValue();
+    private get customAmountTemplate();
+    private customRadioSelected;
+    private customAmountFocused;
+    /**
+     * Once focus leaves the custom field the mid-keystroke protection is over,
+     * so the UI re-syncs with `donationInfo`: a typed amount equal to a preset
+     * moves to that preset, anything else gets re-formatted in place.
+     */
+    private customAmountBlurred;
+    private coverFeesChecked;
+    private customAmountChanged;
+    private handleCustomAmountInput;
+    private handleDonationInfoStatus;
+    private amountChanged;
+    private getDonationInfoStatus;
+    private radioSelected;
+    private monthlyCheckboxChecked;
+    private dispatchEditDonationError;
+    private presetAmountChanged;
+    private updateDonationInfo;
+    static get styles(): CSSResultGroup;
+}
+//# sourceMappingURL=ia-donation-edit-donation.d.ts.map

package/dist/src/elements/ia-donation-form/form-elements/ia-donation-edit-donation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-donation-edit-donation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/form-elements/ia-donation-edit-donation.ts"],"names":[],"mappings":"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"}