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

package/dist/src/elements/ia-donation-form/models/donation-request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donation-request.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-request.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,OAAO,2BAA2B;IAetC,YAAY,OAKX;QACC,IAAI,CAAC,cAAc,GAAG,OAAO,EAAE,cAAc,CAAC;QAC9C,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,OAAO,EAAE,kBAAkB,CAAC;QACtD,IAAI,CAAC,MAAM,GAAG,OAAO,EAAE,MAAM,CAAC;IAChC,CAAC;CACF;AAED,+DAA+D;AAC/D,MAAM,OAAO,eAAe;IAoB1B,YAAY,OAcX;QAhBD,iBAAY,GAAgC,IAAI,2BAA2B,EAAE,CAAC;QAiB5E,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;QAC/C,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;QACrD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,0BAA0B,GAAG,OAAO,CAAC,0BAA0B,CAAC;QAErE,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAE/B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QAEzC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAE/B,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QAC3C,CAAC;IACH,CAAC;CACF","sourcesContent":["import type { BillingInfo, CustomerInfo } from './donor-contact-info';\nimport type { DonationType } from './donation-type';\nimport type { PaymentProvider } from './payment-provider';\n\n/**\n * Extra fields sent with a donation. Each one has to exist in the Braintree\n * control panel before the backend will accept it, which is why the names are\n * snake_case: they match the Braintree field names.\n */\nexport class DonationRequestCustomFields {\n  logged_in_user?: string;\n  referrer?: string;\n  fee_amount_covered?: number;\n\n  /**\n   * Campaign and A/B test information about where the donor came from.\n   *\n   * Freeform, but keep it something identifiable so it can be queried in\n   * CiviCRM. The donation banner uses `{Source}-{Test Name}-{Variant Name}`,\n   * e.g. `DonateBanner-Campaign Start 2020-IADefault`. Add more segments for\n   * more specificity: `DonateBanner-MidJuly2020 Campaign-VariantA-Button1`.\n   */\n  origin?: string;\n\n  constructor(options?: {\n    logged_in_user?: string;\n    referrer?: string;\n    fee_amount_covered?: number;\n    origin?: string;\n  }) {\n    this.logged_in_user = options?.logged_in_user;\n    this.referrer = options?.referrer;\n    this.fee_amount_covered = options?.fee_amount_covered;\n    this.origin = options?.origin;\n  }\n}\n\n/** The request submitted to the backend to make a donation. */\nexport class DonationRequest {\n  paymentProvider: PaymentProvider;\n  paymentMethodNonce: string;\n  recaptchaToken?: string;\n  customerId?: string;\n  deviceData?: string;\n  upsellOnetimeTransactionId?: string;\n\n  /** First 6 digits of the credit card */\n  bin?: string;\n  /** The credit card's bank name */\n  binName?: string;\n\n  amount: number;\n  donationType: DonationType;\n\n  customer: CustomerInfo;\n  billing: BillingInfo;\n  customFields: DonationRequestCustomFields = new DonationRequestCustomFields();\n\n  constructor(options: {\n    paymentProvider: PaymentProvider;\n    paymentMethodNonce: string;\n    recaptchaToken?: string;\n    customerId?: string;\n    deviceData?: string;\n    upsellOnetimeTransactionId?: string;\n    bin?: string;\n    binName?: string;\n    amount: number;\n    donationType: DonationType;\n    customer: CustomerInfo;\n    billing: BillingInfo;\n    customFields?: DonationRequestCustomFields;\n  }) {\n    this.paymentProvider = options.paymentProvider;\n    this.paymentMethodNonce = options.paymentMethodNonce;\n    this.recaptchaToken = options.recaptchaToken;\n    this.customerId = options.customerId;\n    this.deviceData = options.deviceData;\n    this.upsellOnetimeTransactionId = options.upsellOnetimeTransactionId;\n\n    this.bin = options.bin;\n    this.binName = options.binName;\n\n    this.amount = options.amount;\n    this.donationType = options.donationType;\n\n    this.customer = options.customer;\n    this.billing = options.billing;\n\n    if (options.customFields) {\n      this.customFields = options.customFields;\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,67 @@
+import { BillingInfo, CustomerInfo } from './donor-contact-info.js';
+import type { DonationType } from './donation-type.js';
+import type { PaymentProvider } from './payment-provider.js';
+/** The subscription Braintree created for a monthly donation. */
+export declare class SubscriptionResponse {
+    id: string;
+    constructor(params: {
+        id: string;
+    });
+}
+/**
+ * What the backend returns for a donation that went through. The snake_case
+ * fields are the backend's own names.
+ */
+export declare class SuccessResponse {
+    paymentProvider: PaymentProvider;
+    paymentMethodNonce: string;
+    amount: number;
+    donationType: DonationType;
+    transaction_id: string;
+    customer_id: string;
+    customer: CustomerInfo;
+    billing: BillingInfo;
+    subscription?: SubscriptionResponse;
+    constructor(params: {
+        paymentProvider: PaymentProvider;
+        paymentMethodNonce: string;
+        amount: number;
+        donationType: DonationType;
+        transaction_id: string;
+        customer_id: string;
+        customer: CustomerInfo;
+        billing: BillingInfo;
+        subscription?: SubscriptionResponse;
+    });
+}
+/** A code and message pair, for telling one error apart from another. */
+export declare class CodedError {
+    code: string;
+    message: string;
+    constructor(params: {
+        code: string;
+        message: string;
+    });
+}
+/** What the backend returns for a donation that failed. */
+export declare class ErrorResponse {
+    message: string;
+    errors: CodedError[];
+    constructor(params: {
+        message: string;
+        errors?: CodedError[];
+    });
+}
+/**
+ * The backend's answer to a `DonationRequest`. `value` is a `SuccessResponse`
+ * or an `ErrorResponse` depending on `success`.
+ */
+export declare class DonationResponse {
+    success: boolean;
+    value: SuccessResponse | ErrorResponse;
+    constructor(params: {
+        success: boolean;
+        value: SuccessResponse | ErrorResponse;
+    });
+}
+//# sourceMappingURL=donation-response.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-response.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-response.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,iEAAiE;AACjE,qBAAa,oBAAoB;IAC/B,EAAE,EAAE,MAAM,CAAC;gBAEC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;CAGnC;AAED;;;GAGG;AACH,qBAAa,eAAe;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;gBAExB,MAAM,EAAE;QAClB,eAAe,EAAE,eAAe,CAAC;QACjC,kBAAkB,EAAE,MAAM,CAAC;QAC3B,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,YAAY,CAAC;QAC3B,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,YAAY,CAAC;QACvB,OAAO,EAAE,WAAW,CAAC;QACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;KACrC;CAeF;AAED,yEAAyE;AACzE,qBAAa,UAAU;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;gBAEJ,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;CAItD;AAED,2DAA2D;AAC3D,qBAAa,aAAa;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;gBAET,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAA;KAAE;CAM/D;AAED;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC;gBAE3B,MAAM,EAAE;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC;KACxC;CASF"}

package/dist/src/elements/ia-donation-form/models/donation-response.js

@@ -0,0 +1,57 @@
+import { BillingInfo, CustomerInfo } from './donor-contact-info.js';
+/** The subscription Braintree created for a monthly donation. */
+export class SubscriptionResponse {
+    constructor(params) {
+        this.id = params.id;
+    }
+}
+/**
+ * What the backend returns for a donation that went through. The snake_case
+ * fields are the backend's own names.
+ */
+export class SuccessResponse {
+    constructor(params) {
+        this.paymentProvider = params.paymentProvider;
+        this.paymentMethodNonce = params.paymentMethodNonce;
+        this.amount = params.amount;
+        this.donationType = params.donationType;
+        this.transaction_id = params.transaction_id;
+        this.customer_id = params.customer_id;
+        this.customer = new CustomerInfo(params.customer);
+        this.billing = new BillingInfo(params.billing);
+        if (params.subscription) {
+            this.subscription = new SubscriptionResponse(params.subscription);
+        }
+    }
+}
+/** A code and message pair, for telling one error apart from another. */
+export class CodedError {
+    constructor(params) {
+        this.code = params.code;
+        this.message = params.message;
+    }
+}
+/** What the backend returns for a donation that failed. */
+export class ErrorResponse {
+    constructor(params) {
+        this.message = params.message;
+        const { errors = [] } = params;
+        this.errors = errors.map((error) => new CodedError(error));
+    }
+}
+/**
+ * The backend's answer to a `DonationRequest`. `value` is a `SuccessResponse`
+ * or an `ErrorResponse` depending on `success`.
+ */
+export class DonationResponse {
+    constructor(params) {
+        this.success = params.success;
+        if (this.success) {
+            this.value = new SuccessResponse(params.value);
+        }
+        else {
+            this.value = new ErrorResponse(params.value);
+        }
+    }
+}
+//# sourceMappingURL=donation-response.js.map

package/dist/src/elements/ia-donation-form/models/donation-response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donation-response.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-response.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIjE,iEAAiE;AACjE,MAAM,OAAO,oBAAoB;IAG/B,YAAY,MAAsB;QAChC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IACtB,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAO,eAAe;IAW1B,YAAY,MAUX;QACC,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;QAC9C,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;QACpD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;QAC5C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEtC,IAAI,CAAC,QAAQ,GAAG,IAAI,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,OAAO,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAE/C,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,GAAG,IAAI,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;CACF;AAED,yEAAyE;AACzE,MAAM,OAAO,UAAU;IAIrB,YAAY,MAAyC;QACnD,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAChC,CAAC;CACF;AAED,2DAA2D;AAC3D,MAAM,OAAO,aAAa;IAIxB,YAAY,MAAkD;QAC5D,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IAI3B,YAAY,MAGX;QACC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,KAAwB,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,IAAI,aAAa,CAAC,MAAM,CAAC,KAAsB,CAAC,CAAC;QAChE,CAAC;IACH,CAAC;CACF","sourcesContent":["import { BillingInfo, CustomerInfo } from './donor-contact-info';\nimport type { DonationType } from './donation-type';\nimport type { PaymentProvider } from './payment-provider';\n\n/** The subscription Braintree created for a monthly donation. */\nexport class SubscriptionResponse {\n  id: string;\n\n  constructor(params: { id: string }) {\n    this.id = params.id;\n  }\n}\n\n/**\n * What the backend returns for a donation that went through. The snake_case\n * fields are the backend's own names.\n */\nexport class SuccessResponse {\n  paymentProvider: PaymentProvider;\n  paymentMethodNonce: string;\n  amount: number;\n  donationType: DonationType;\n  transaction_id: string;\n  customer_id: string;\n  customer: CustomerInfo;\n  billing: BillingInfo;\n  subscription?: SubscriptionResponse;\n\n  constructor(params: {\n    paymentProvider: PaymentProvider;\n    paymentMethodNonce: string;\n    amount: number;\n    donationType: DonationType;\n    transaction_id: string;\n    customer_id: string;\n    customer: CustomerInfo;\n    billing: BillingInfo;\n    subscription?: SubscriptionResponse;\n  }) {\n    this.paymentProvider = params.paymentProvider;\n    this.paymentMethodNonce = params.paymentMethodNonce;\n    this.amount = params.amount;\n    this.donationType = params.donationType;\n    this.transaction_id = params.transaction_id;\n    this.customer_id = params.customer_id;\n\n    this.customer = new CustomerInfo(params.customer);\n    this.billing = new BillingInfo(params.billing);\n\n    if (params.subscription) {\n      this.subscription = new SubscriptionResponse(params.subscription);\n    }\n  }\n}\n\n/** A code and message pair, for telling one error apart from another. */\nexport class CodedError {\n  code: string;\n  message: string;\n\n  constructor(params: { code: string; message: string }) {\n    this.code = params.code;\n    this.message = params.message;\n  }\n}\n\n/** What the backend returns for a donation that failed. */\nexport class ErrorResponse {\n  message: string;\n  errors: CodedError[];\n\n  constructor(params: { message: string; errors?: CodedError[] }) {\n    this.message = params.message;\n\n    const { errors = [] } = params;\n    this.errors = errors.map((error: CodedError) => new CodedError(error));\n  }\n}\n\n/**\n * The backend's answer to a `DonationRequest`. `value` is a `SuccessResponse`\n * or an `ErrorResponse` depending on `success`.\n */\nexport class DonationResponse {\n  success: boolean;\n  value: SuccessResponse | ErrorResponse;\n\n  constructor(params: {\n    success: boolean;\n    value: SuccessResponse | ErrorResponse;\n  }) {\n    this.success = params.success;\n\n    if (this.success) {\n      this.value = new SuccessResponse(params.value as SuccessResponse);\n    } else {\n      this.value = new ErrorResponse(params.value as ErrorResponse);\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+/** How often the donor is charged. `Upsell` is the monthly offer made after a one-time gift. */
+export declare const DonationType: {
+    readonly OneTime: "one-time";
+    readonly Monthly: "monthly";
+    readonly Upsell: "up_sell";
+};
+export type DonationType = (typeof DonationType)[keyof typeof DonationType];
+//# sourceMappingURL=donation-type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"donation-type.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-type.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC"}

package/dist/src/elements/ia-donation-form/models/donation-type.js

@@ -0,0 +1,7 @@
+/** How often the donor is charged. `Upsell` is the monthly offer made after a one-time gift. */
+export const DonationType = {
+    OneTime: 'one-time',
+    Monthly: 'monthly',
+    Upsell: 'up_sell',
+};
+//# sourceMappingURL=donation-type.js.map

package/dist/src/elements/ia-donation-form/models/donation-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donation-type.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donation-type.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CACT,CAAC","sourcesContent":["/** How often the donor is charged. `Upsell` is the monthly offer made after a one-time gift. */\nexport const DonationType = {\n  OneTime: 'one-time',\n  Monthly: 'monthly',\n  Upsell: 'up_sell',\n} as const;\n\nexport type DonationType = (typeof DonationType)[keyof typeof DonationType];\n"]}

package/dist/src/elements/ia-donation-form/models/donor-contact-info.d.ts

@@ -0,0 +1,38 @@
+/** The donor's name and email. */
+export declare class CustomerInfo {
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    constructor(params?: {
+        email?: string;
+        firstName?: string;
+        lastName?: string;
+    });
+}
+/** The donor's billing address, in Braintree's field names. */
+export declare class BillingInfo {
+    streetAddress?: string;
+    extendedAddress?: string;
+    locality?: string;
+    region?: string;
+    postalCode?: string;
+    countryCodeAlpha2?: string;
+    constructor(params?: {
+        streetAddress?: string;
+        extendedAddress?: string;
+        locality?: string;
+        region?: string;
+        postalCode?: string;
+        countryCodeAlpha2?: string;
+    });
+}
+/** `CustomerInfo` and `BillingInfo` together, since they travel together. */
+export declare class DonorContactInfo {
+    customer: CustomerInfo;
+    billing: BillingInfo;
+    constructor(params: {
+        customer: CustomerInfo;
+        billing: BillingInfo;
+    });
+}
+//# sourceMappingURL=donor-contact-info.d.ts.map

package/dist/src/elements/ia-donation-form/models/donor-contact-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donor-contact-info.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donor-contact-info.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,qBAAa,YAAY;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAEN,MAAM,CAAC,EAAE;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;CAKF;AAED,+DAA+D;AAC/D,qBAAa,WAAW;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;gBAEf,MAAM,CAAC,EAAE;QACnB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B;CAQF;AAED,6EAA6E;AAC7E,qBAAa,gBAAgB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;gBAET,MAAM,EAAE;QAAE,QAAQ,EAAE,YAAY,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CAIrE"}

package/dist/src/elements/ia-donation-form/models/donor-contact-info.js

@@ -0,0 +1,27 @@
+/** The donor's name and email. */
+export class CustomerInfo {
+    constructor(params) {
+        this.email = params?.email;
+        this.firstName = params?.firstName;
+        this.lastName = params?.lastName;
+    }
+}
+/** The donor's billing address, in Braintree's field names. */
+export class BillingInfo {
+    constructor(params) {
+        this.streetAddress = params?.streetAddress;
+        this.extendedAddress = params?.extendedAddress;
+        this.locality = params?.locality;
+        this.region = params?.region;
+        this.postalCode = params?.postalCode;
+        this.countryCodeAlpha2 = params?.countryCodeAlpha2;
+    }
+}
+/** `CustomerInfo` and `BillingInfo` together, since they travel together. */
+export class DonorContactInfo {
+    constructor(params) {
+        this.customer = params.customer;
+        this.billing = params.billing;
+    }
+}
+//# sourceMappingURL=donor-contact-info.js.map

package/dist/src/elements/ia-donation-form/models/donor-contact-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donor-contact-info.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/donor-contact-info.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,MAAM,OAAO,YAAY;IAKvB,YAAY,MAIX;QACC,IAAI,CAAC,KAAK,GAAG,MAAM,EAAE,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,MAAM,EAAE,SAAS,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,MAAM,EAAE,QAAQ,CAAC;IACnC,CAAC;CACF;AAED,+DAA+D;AAC/D,MAAM,OAAO,WAAW;IAQtB,YAAY,MAOX;QACC,IAAI,CAAC,aAAa,GAAG,MAAM,EAAE,aAAa,CAAC;QAC3C,IAAI,CAAC,eAAe,GAAG,MAAM,EAAE,eAAe,CAAC;QAC/C,IAAI,CAAC,QAAQ,GAAG,MAAM,EAAE,QAAQ,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC;QAC7B,IAAI,CAAC,UAAU,GAAG,MAAM,EAAE,UAAU,CAAC;QACrC,IAAI,CAAC,iBAAiB,GAAG,MAAM,EAAE,iBAAiB,CAAC;IACrD,CAAC;CACF;AAED,6EAA6E;AAC7E,MAAM,OAAO,gBAAgB;IAI3B,YAAY,MAAwD;QAClE,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAChC,CAAC;CACF","sourcesContent":["/** The donor's name and email. */\nexport class CustomerInfo {\n  email?: string;\n  firstName?: string;\n  lastName?: string;\n\n  constructor(params?: {\n    email?: string;\n    firstName?: string;\n    lastName?: string;\n  }) {\n    this.email = params?.email;\n    this.firstName = params?.firstName;\n    this.lastName = params?.lastName;\n  }\n}\n\n/** The donor's billing address, in Braintree's field names. */\nexport class BillingInfo {\n  streetAddress?: string;\n  extendedAddress?: string;\n  locality?: string;\n  region?: string;\n  postalCode?: string;\n  countryCodeAlpha2?: string;\n\n  constructor(params?: {\n    streetAddress?: string;\n    extendedAddress?: string;\n    locality?: string;\n    region?: string;\n    postalCode?: string;\n    countryCodeAlpha2?: string;\n  }) {\n    this.streetAddress = params?.streetAddress;\n    this.extendedAddress = params?.extendedAddress;\n    this.locality = params?.locality;\n    this.region = params?.region;\n    this.postalCode = params?.postalCode;\n    this.countryCodeAlpha2 = params?.countryCodeAlpha2;\n  }\n}\n\n/** `CustomerInfo` and `BillingInfo` together, since they travel together. */\nexport class DonorContactInfo {\n  customer: CustomerInfo;\n  billing: BillingInfo;\n\n  constructor(params: { customer: CustomerInfo; billing: BillingInfo }) {\n    this.customer = params.customer;\n    this.billing = params.billing;\n  }\n}\n"]}

package/dist/src/elements/ia-donation-form/models/payment-provider.d.ts

@@ -0,0 +1,10 @@
+/** The payment methods the donation form offers. The values are what the backend expects. */
+export declare const PaymentProvider: {
+    readonly CreditCard: "Credit Card";
+    readonly PayPal: "PayPal";
+    readonly GooglePay: "Google Pay";
+    readonly Venmo: "Venmo";
+    readonly ApplePay: "Apple Pay";
+};
+export type PaymentProvider = (typeof PaymentProvider)[keyof typeof PaymentProvider];
+//# sourceMappingURL=payment-provider.d.ts.map

package/dist/src/elements/ia-donation-form/models/payment-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-provider.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/payment-provider.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC"}

package/dist/src/elements/ia-donation-form/models/payment-provider.js

@@ -0,0 +1,9 @@
+/** The payment methods the donation form offers. The values are what the backend expects. */
+export const PaymentProvider = {
+    CreditCard: 'Credit Card',
+    PayPal: 'PayPal',
+    GooglePay: 'Google Pay',
+    Venmo: 'Venmo',
+    ApplePay: 'Apple Pay',
+};
+//# sourceMappingURL=payment-provider.js.map

package/dist/src/elements/ia-donation-form/models/payment-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-provider.js","sourceRoot":"","sources":["../../../../../src/elements/ia-donation-form/models/payment-provider.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;CACb,CAAC","sourcesContent":["/** The payment methods the donation form offers. The values are what the backend expects. */\nexport const PaymentProvider = {\n  CreditCard: 'Credit Card',\n  PayPal: 'PayPal',\n  GooglePay: 'Google Pay',\n  Venmo: 'Venmo',\n  ApplePay: 'Apple Pay',\n} as const;\n\nexport type PaymentProvider =\n  (typeof PaymentProvider)[keyof typeof PaymentProvider];\n"]}

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

@@ -0,0 +1,36 @@
+export interface RecaptchaManagerInterface {
+    execute(): Promise<string>;
+    setup(container: HTMLElement, tabIndex: number, theme: ReCaptchaV2.Theme, type: ReCaptchaV2.Type): void;
+}
+/**
+ * Wraps an invisible reCAPTCHA so it can be run like a promise.
+ *
+ * `execute()` kicks off the challenge, but the result arrives through the
+ * response and expiration handlers bound during `setup()`. So `execute()`
+ * stashes resolve and reject callbacks and the handlers call them.
+ *
+ *     try {
+ *       const token = await recaptchaManager.execute();
+ *     } catch {
+ *       // 'expired' or 'error'
+ *     }
+ */
+export declare class RecaptchaManager implements RecaptchaManagerInterface {
+    private grecaptchaLibrary;
+    private siteKey;
+    constructor(options: {
+        grecaptchaLibrary: ReCaptchaV2.ReCaptcha;
+        siteKey: string;
+    });
+    private executionSuccessBlock?;
+    private executionExpiredBlock?;
+    private executionErrorBlock?;
+    private isExecuting;
+    execute(): Promise<string>;
+    private finishExecution;
+    setup(container: HTMLElement, tabIndex: number, theme: ReCaptchaV2.Theme, type: ReCaptchaV2.Type): void;
+    private responseHandler;
+    private expiredHandler;
+    private errorHandler;
+}
+//# sourceMappingURL=recaptcha-manager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recaptcha-manager.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/recaptcha-manager.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,CACH,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,IAAI,EAAE,WAAW,CAAC,IAAI,GACrB,IAAI,CAAC;CACT;AAED;;;;;;;;;;;;GAYG;AACH,qBAAa,gBAAiB,YAAW,yBAAyB;IAChE,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,OAAO,CAAC,OAAO,CAAS;gBAEZ,OAAO,EAAE;QACnB,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC;QACzC,OAAO,EAAE,MAAM,CAAC;KACjB;IAKD,OAAO,CAAC,qBAAqB,CAAC,CAA0B;IAExD,OAAO,CAAC,qBAAqB,CAAC,CAAa;IAE3C,OAAO,CAAC,mBAAmB,CAAC,CAAa;IAEzC,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;IAyB1B,OAAO,CAAC,eAAe;IAKvB,KAAK,CACH,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,IAAI,EAAE,WAAW,CAAC,IAAI,GACrB,IAAI;IAaP,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,YAAY;CAMrB"}

package/dist/src/elements/ia-donation-form/recaptcha-manager.js

@@ -0,0 +1,76 @@
+/**
+ * Wraps an invisible reCAPTCHA so it can be run like a promise.
+ *
+ * `execute()` kicks off the challenge, but the result arrives through the
+ * response and expiration handlers bound during `setup()`. So `execute()`
+ * stashes resolve and reject callbacks and the handlers call them.
+ *
+ *     try {
+ *       const token = await recaptchaManager.execute();
+ *     } catch {
+ *       // 'expired' or 'error'
+ *     }
+ */
+export class RecaptchaManager {
+    constructor(options) {
+        this.isExecuting = false;
+        this.grecaptchaLibrary = options.grecaptchaLibrary;
+        this.siteKey = options.siteKey;
+    }
+    execute() {
+        if (this.isExecuting) {
+            this.finishExecution();
+        }
+        this.isExecuting = true;
+        return new Promise((resolve, reject) => {
+            this.executionSuccessBlock = (token) => {
+                this.finishExecution();
+                resolve(token);
+            };
+            this.executionExpiredBlock = () => {
+                this.finishExecution();
+                reject('expired');
+            };
+            this.executionErrorBlock = () => {
+                this.finishExecution();
+                reject('error');
+            };
+            this.grecaptchaLibrary.execute();
+        });
+    }
+    finishExecution() {
+        this.isExecuting = false;
+        this.grecaptchaLibrary.reset();
+    }
+    setup(container, tabIndex, theme, type) {
+        this.grecaptchaLibrary.render(container, {
+            callback: this.responseHandler.bind(this),
+            'expired-callback': this.expiredHandler.bind(this),
+            'error-callback': this.errorHandler.bind(this),
+            sitekey: this.siteKey,
+            tabindex: tabIndex,
+            theme,
+            type,
+            size: 'invisible',
+        });
+    }
+    responseHandler(response) {
+        if (this.executionSuccessBlock) {
+            this.executionSuccessBlock(response);
+            this.executionSuccessBlock = undefined;
+        }
+    }
+    expiredHandler() {
+        if (this.executionExpiredBlock) {
+            this.executionExpiredBlock();
+            this.executionExpiredBlock = undefined;
+        }
+    }
+    errorHandler() {
+        if (this.executionErrorBlock) {
+            this.executionErrorBlock();
+            this.executionErrorBlock = undefined;
+        }
+    }
+}
+//# sourceMappingURL=recaptcha-manager.js.map

package/dist/src/elements/ia-donation-form/recaptcha-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recaptcha-manager.js","sourceRoot":"","sources":["../../../../src/elements/ia-donation-form/recaptcha-manager.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,gBAAgB;IAK3B,YAAY,OAGX;QAWO,gBAAW,GAAG,KAAK,CAAC;QAV1B,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC;QACnD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACjC,CAAC;IAUD,OAAO;QACL,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAa,EAAQ,EAAE;gBACnD,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,CAAC;YAEF,IAAI,CAAC,qBAAqB,GAAG,GAAS,EAAE;gBACtC,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,CAAC,SAAS,CAAC,CAAC;YACpB,CAAC,CAAC;YAEF,IAAI,CAAC,mBAAmB,GAAG,GAAS,EAAE;gBACpC,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,CAAC,OAAO,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;IAED,KAAK,CACH,SAAsB,EACtB,QAAgB,EAChB,KAAwB,EACxB,IAAsB;QAEtB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,SAAS,EAAE;YACvC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YACzC,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;YAClD,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;YAC9C,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,QAAQ;YAClB,KAAK;YACL,IAAI;YACJ,IAAI,EAAE,WAAW;SAClB,CAAC,CAAC;IACL,CAAC;IAEO,eAAe,CAAC,QAAgB;QACtC,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/B,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YACrC,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;QACzC,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/B,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;QACzC,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC7B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;QACvC,CAAC;IACH,CAAC;CACF","sourcesContent":["export interface RecaptchaManagerInterface {\n  execute(): Promise<string>;\n  setup(\n    container: HTMLElement,\n    tabIndex: number,\n    theme: ReCaptchaV2.Theme,\n    type: ReCaptchaV2.Type,\n  ): void;\n}\n\n/**\n * Wraps an invisible reCAPTCHA so it can be run like a promise.\n *\n * `execute()` kicks off the challenge, but the result arrives through the\n * response and expiration handlers bound during `setup()`. So `execute()`\n * stashes resolve and reject callbacks and the handlers call them.\n *\n *     try {\n *       const token = await recaptchaManager.execute();\n *     } catch {\n *       // 'expired' or 'error'\n *     }\n */\nexport class RecaptchaManager implements RecaptchaManagerInterface {\n  private grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n\n  private siteKey: string;\n\n  constructor(options: {\n    grecaptchaLibrary: ReCaptchaV2.ReCaptcha;\n    siteKey: string;\n  }) {\n    this.grecaptchaLibrary = options.grecaptchaLibrary;\n    this.siteKey = options.siteKey;\n  }\n\n  private executionSuccessBlock?: (token: string) => void;\n\n  private executionExpiredBlock?: () => void;\n\n  private executionErrorBlock?: () => void;\n\n  private isExecuting = false;\n\n  execute(): Promise<string> {\n    if (this.isExecuting) {\n      this.finishExecution();\n    }\n    this.isExecuting = true;\n    return new Promise((resolve, reject) => {\n      this.executionSuccessBlock = (token: string): void => {\n        this.finishExecution();\n        resolve(token);\n      };\n\n      this.executionExpiredBlock = (): void => {\n        this.finishExecution();\n        reject('expired');\n      };\n\n      this.executionErrorBlock = (): void => {\n        this.finishExecution();\n        reject('error');\n      };\n\n      this.grecaptchaLibrary.execute();\n    });\n  }\n\n  private finishExecution(): void {\n    this.isExecuting = false;\n    this.grecaptchaLibrary.reset();\n  }\n\n  setup(\n    container: HTMLElement,\n    tabIndex: number,\n    theme: ReCaptchaV2.Theme,\n    type: ReCaptchaV2.Type,\n  ): void {\n    this.grecaptchaLibrary.render(container, {\n      callback: this.responseHandler.bind(this),\n      'expired-callback': this.expiredHandler.bind(this),\n      'error-callback': this.errorHandler.bind(this),\n      sitekey: this.siteKey,\n      tabindex: tabIndex,\n      theme,\n      type,\n      size: 'invisible',\n    });\n  }\n\n  private responseHandler(response: string): void {\n    if (this.executionSuccessBlock) {\n      this.executionSuccessBlock(response);\n      this.executionSuccessBlock = undefined;\n    }\n  }\n\n  private expiredHandler(): void {\n    if (this.executionExpiredBlock) {\n      this.executionExpiredBlock();\n      this.executionExpiredBlock = undefined;\n    }\n  }\n\n  private errorHandler(): void {\n    if (this.executionErrorBlock) {\n      this.executionErrorBlock();\n      this.executionErrorBlock = undefined;\n    }\n  }\n}\n"]}

package/dist/src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.d.ts

@@ -10,8 +10,8 @@ export declare class IADropdownSearchBar extends LitElement {
     categories: SearchCategory[];
     /** The currently selected dropdown category ID */
     selectedCategory?: string;
-    /** Placeholder text for the search input */
-    placeholder: string;
+    /** Placeholder text for the search input. Defaults to "Search". */
+    placeholder?: string;
     /** Whether to use the mobile layout */
     useMobileView: boolean;
     /** Whether to hide the category dropdown to the left of the search bar */

package/dist/src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ia-dropdown-search-bar.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,UAAU,EAEV,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,UAAU,CAAC;AAKtE,OAAO,0CAA0C,CAAC;AAClD,OAAO,8BAA8B,CAAC;AACtC,OAAO,uDAAuD,CAAC;AAU/D,qBACa,mBAAoB,SAAQ,UAAU;IACjD,+CAA+C;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3C,+CAA+C;IACpB,UAAU,EAAE,cAAc,EAAE,CAAM;IAE7D,kDAAkD;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEtD,4CAA4C;IAChB,WAAW,SAAiB;IAExD,uCAAuC;IACV,aAAa,UAAS;IAEnD,0EAA0E;IAC7C,YAAY,UAAS;IAElD,8DAA8D;IACjC,OAAO,UAAS;IAG7C,OAAO,CAAC,WAAW,CAAwB;IAG3C,OAAO,CAAC,gBAAgB,CAAC,CAAa;IAEtC,8EAA8E;IAC9E,OAAO,KAAK,gBAAgB,GAE3B;IAED,MAAM,IAAI,cAAc;IAexB,UAAU,CAAC,OAAO,EAAE,cAAc;IAelC;;OAEG;IACH,OAAO,KAAK,gBAAgB,GAoB3B;IAED;;OAEG;IACH,OAAO,KAAK,eAAe,GAe1B;IAED;;OAEG;IACH,OAAO,KAAK,oBAAoB,GAkB/B;IAED;;OAEG;IACH,OAAO,KAAK,qBAAqB,GAGhC;IAED;;OAEG;IACH,OAAO,KAAK,WAAW,GAEtB;IAED;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAM1B;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAkB9B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAW3B,MAAM,KAAK,MAAM,8BAwHhB;CACF"}
+{"version":3,"file":"ia-dropdown-search-bar.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,UAAU,EAEV,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,UAAU,CAAC;AAKtE,OAAO,0CAA0C,CAAC;AAClD,OAAO,8BAA8B,CAAC;AACtC,OAAO,uDAAuD,CAAC;AAU/D,qBAEa,mBAAoB,SAAQ,UAAU;IACjD,+CAA+C;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3C,+CAA+C;IACpB,UAAU,EAAE,cAAc,EAAE,CAAM;IAE7D,kDAAkD;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEtD,mEAAmE;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD,uCAAuC;IACV,aAAa,UAAS;IAEnD,0EAA0E;IAC7C,YAAY,UAAS;IAElD,8DAA8D;IACjC,OAAO,UAAS;IAG7C,OAAO,CAAC,WAAW,CAAwB;IAG3C,OAAO,CAAC,gBAAgB,CAAC,CAAa;IAEtC,8EAA8E;IAC9E,OAAO,KAAK,gBAAgB,GAE3B;IAED,MAAM,IAAI,cAAc;IAexB,UAAU,CAAC,OAAO,EAAE,cAAc;IAelC;;OAEG;IACH,OAAO,KAAK,gBAAgB,GAoB3B;IAED;;OAEG;IACH,OAAO,KAAK,eAAe,GAe1B;IAED;;OAEG;IACH,OAAO,KAAK,oBAAoB,GAkB/B;IAED;;OAEG;IACH,OAAO,KAAK,qBAAqB,GAGhC;IAED;;OAEG;IACH,OAAO,KAAK,WAAW,GAEtB;IAED;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAM1B;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB;;;;;OAKG;IACH,OAAO,CAAC,sBAAsB;IAkB9B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAW3B,MAAM,KAAK,MAAM,8BAwHhB;CACF"}

package/dist/src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { msg } from '@lit/localize';
+import { localized, msg } from '@lit/localize';
 import { css, html, LitElement, nothing, } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { customElement } from '../../util/custom-element.js';
@@ -20,8 +20,6 @@ let IADropdownSearchBar = class IADropdownSearchBar extends LitElement {
         super(...arguments);
         /** Dropdown menu options (tab IDs + labels) */
         this.categories = [];
-        /** Placeholder text for the search input */
-        this.placeholder = msg('Search');
         /** Whether to use the mobile layout */
         this.useMobileView = false;
         /** Whether to hide the category dropdown to the left of the search bar */
@@ -92,7 +90,7 @@ let IADropdownSearchBar = class IADropdownSearchBar extends LitElement {
         id="search-input"
         part="search-input"
         .value=${this.spacedQuery}
-        placeholder=${this.placeholder}
+        placeholder=${this.placeholder ?? msg('Search')}
         clearButtonScreenReaderLabel=${msg('Clear search query')}
         screenReaderLabel=${msg('Search the Archive. Filters and Advanced Search available below.')}
         @clear=${this.searchFieldCleared}
@@ -326,7 +324,8 @@ __decorate([
     query('#category-dropdown')
 ], IADropdownSearchBar.prototype, "categoryDropdown", void 0);
 IADropdownSearchBar = __decorate([
-    customElement('ia-dropdown-search-bar')
+    customElement('ia-dropdown-search-bar'),
+    localized()
 ], IADropdownSearchBar);
 export { IADropdownSearchBar };
 //# sourceMappingURL=ia-dropdown-search-bar.js.map

package/dist/src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-dropdown-search-bar.js","sourceRoot":"","sources":["../../../../src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { msg } from '@lit/localize';\nimport {\n  css,\n  html,\n  LitElement,\n  nothing,\n  PropertyValues,\n  TemplateResult,\n} from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport type { IaClearableTextInput } from '@internetarchive/ia-clearable-text-input';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { SearchCategory, SearchRequestedDetail } from './models';\n\nimport themeStyles from '@src/themes/theme-styles';\nimport searchIcon from './search.svg';\n\nimport '@internetarchive/ia-clearable-text-input';\nimport '@internetarchive/ia-dropdown';\nimport '@src/elements/ia-status-indicator/ia-status-indicator';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  CategoryChanged: 'categoryChanged',\n  SearchRequested: 'searchRequested',\n};\n\n@customElement('ia-dropdown-search-bar')\nexport class IADropdownSearchBar extends LitElement {\n  /** The query that appears in the search bar */\n  @property({ type: String }) query?: string;\n\n  /** Dropdown menu options (tab IDs + labels) */\n  @property({ type: Array }) categories: SearchCategory[] = [];\n\n  /** The currently selected dropdown category ID */\n  @property({ type: String }) selectedCategory?: string;\n\n  /** Placeholder text for the search input */\n  @property({ type: String }) placeholder = msg('Search');\n\n  /** Whether to use the mobile layout */\n  @property({ type: Boolean }) useMobileView = false;\n\n  /** Whether to hide the category dropdown to the left of the search bar */\n  @property({ type: Boolean }) hideDropdown = false;\n\n  /** Whether the search button should show its loading state */\n  @property({ type: Boolean }) loading = false;\n\n  @query('#search-input')\n  private searchInput!: IaClearableTextInput;\n\n  @query('#category-dropdown')\n  private categoryDropdown?: IaDropdown;\n\n  /** The effective selected category, falling back to the first in the list. */\n  private get resolvedCategory(): string {\n    return this.selectedCategory ?? this.categories?.[0]?.id ?? '';\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div id=\"container\" part=\"container\" role=\"search\">\n        <div\n          id=\"main-bar\"\n          part=\"main-bar\"\n          class=${this.hideDropdown ? 'no-dropdown' : nothing}\n        >\n          ${this.hideDropdown ? nothing : this.dropdownTemplate}\n          ${this.textBoxTemplate} ${this.searchButtonTemplate}\n        </div>\n      </div>\n    `;\n  }\n\n  willUpdate(changed: PropertyValues) {\n    // Push new categories down to the inner dropdown immediately, since ia-dropdown\n    // mutates its own selected option on interaction which can cause Lit's\n    // property-binding diff to miss the change in certain cases.\n    if (changed.has('selectedCategory') || changed.has('categories')) {\n      const resolved = this.resolvedCategory;\n      if (\n        this.categoryDropdown &&\n        this.categoryDropdown.selectedOption !== resolved\n      ) {\n        this.categoryDropdown.selectedOption = resolved;\n      }\n    }\n  }\n\n  /**\n   * Template for the category dropdown on the left side of the search bar.\n   */\n  private get dropdownTemplate(): TemplateResult {\n    return html`\n      <ia-dropdown\n        id=\"category-dropdown\"\n        part=\"category-dropdown\"\n        displayCaret\n        includeSelectedOption\n        closeOnSelect\n        closeOnEscape\n        closeOnBackdropClick\n        openViaButton\n        .selectedOption=${this.resolvedCategory}\n        .options=${this.categories}\n        @optionSelected=${this.handleCategorySelected}\n      >\n        <span slot=\"dropdown-label\" part=\"category-dropdown-label\"\n          >${this.selectedCategoryLabel}</span\n        >\n      </ia-dropdown>\n    `;\n  }\n\n  /**\n   * Template for the main text entry box of the search bar.\n   */\n  private get textBoxTemplate(): TemplateResult {\n    return html`\n      <ia-clearable-text-input\n        id=\"search-input\"\n        part=\"search-input\"\n        .value=${this.spacedQuery}\n        placeholder=${this.placeholder}\n        clearButtonScreenReaderLabel=${msg('Clear search query')}\n        screenReaderLabel=${msg(\n          'Search the Archive. Filters and Advanced Search available below.',\n        )}\n        @clear=${this.searchFieldCleared}\n        @submit=${this.handleSubmit}\n      ></ia-clearable-text-input>\n    `;\n  }\n\n  /**\n   * Template for the \"magnifying glass\" search button to the right of the search bar.\n   */\n  private get searchButtonTemplate(): TemplateResult {\n    return html`\n      <button\n        id=\"search-button\"\n        part=\"search-button\"\n        class=${this.loading ? 'loading' : nothing}\n        type=\"button\"\n        aria-label=${msg('Search')}\n        @click=${this.handleSubmit}\n      >\n        ${this.loading\n          ? html`<ia-status-indicator\n              mode=\"loading\"\n              class=\"search-button-loading-icon\"\n            ></ia-status-indicator>`\n          : html`<img src=${searchIcon} alt=\"\" />`}\n      </button>\n    `;\n  }\n\n  /**\n   * The display label for the currently selected category.\n   */\n  private get selectedCategoryLabel(): string | TemplateResult {\n    const match = this.categories.find((c) => c.id === this.resolvedCategory);\n    return match?.label ?? this.resolvedCategory;\n  }\n\n  /**\n   * The current search query with +'s replaced by spaces.\n   */\n  private get spacedQuery(): string {\n    return this.query?.replace(/\\+/g, ' ') ?? '';\n  }\n\n  /**\n   * Handler for when the search bar's clear button is pressed.\n   */\n  private searchFieldCleared(): void {\n    if (this.query) {\n      this.emitSearchRequested();\n    }\n  }\n\n  /**\n   * Handler for Enter key or search button click.\n   */\n  private handleSubmit(): void {\n    this.emitSearchRequested();\n  }\n\n  /**\n   * Handler for when the user selects a category from the dropdown.\n   *\n   * Sets `selectedCategory` locally for immediate visual feedback (semi-controlled\n   * pattern). The parent also binds this property and may re-set it on re-render.\n   */\n  private handleCategorySelected(\n    e: CustomEvent<{ option: optionInterface }>,\n  ): void {\n    const newCategoryId = e.detail.option.id;\n    if (newCategoryId === this.resolvedCategory) return;\n\n    this.selectedCategory = newCategoryId;\n\n    // On next tick, focus the text input bar (seemingly fails in Safari without the delay)\n    setTimeout(() => this.searchInput.focus());\n\n    this.dispatchEvent(\n      new CustomEvent<string>(Events.CategoryChanged, {\n        detail: newCategoryId,\n      }),\n    );\n  }\n\n  /**\n   * Emits a `searchRequested` event with the current query and category.\n   */\n  private emitSearchRequested(): void {\n    this.dispatchEvent(\n      new CustomEvent<SearchRequestedDetail>(Events.SearchRequested, {\n        detail: {\n          query: this.searchInput.value,\n          category: this.resolvedCategory,\n        },\n      }),\n    );\n  }\n\n  static get styles() {\n    const ownStyles = css`\n      :host {\n        --search-bar-height--: var(--search-bar-height, 30px);\n        --search-bar-width--: var(--search-bar-width, 300px);\n        --search-bar-internal-padding--: var(--padding-sm, 5px);\n        --clear-button-offset--: var(--clear-button-offset, 0);\n        /* While it would be nice to fall back to ia-dropdown's own default here by making this var\n           fall back to \"initial\", older Safari versions don't support that keyword in a var() fallback.\n           So instead we just restate ia-dropdown's current default 2 here as the fallback. */\n        --dropdown-z-index--: var(--dropdown-z-index, 2);\n      }\n\n      #container {\n        display: inline-block;\n        width: var(--search-bar-width--);\n      }\n\n      #main-bar {\n        display: flex;\n        height: var(--search-bar-height--, 30px);\n        flex: 1;\n      }\n\n      #category-dropdown {\n        display: flex;\n        flex-shrink: 0;\n        height: 100%;\n        box-sizing: border-box;\n\n        background-color: #f5f5f7;\n        border: 1px solid #999;\n        border-radius: 5px 0 0 5px;\n\n        --dropdownMainButtonPadding: 0 var(--search-bar-internal-padding--, 5px);\n        --dropdownBgColor: #2c2c2c;\n        --dropdownTextColor: #fff;\n        --dropdownBorderColor: #ddd;\n        --dropdownCaretColor: var(--ia-theme-primary-text-color, #2c2c2c);\n        --dropdownHoverBgColor: rgba(255, 255, 255, 0.3);\n        --dropdownHoverTextColor: #fff;\n        --dropdownSelectedBgColor: rgba(255, 255, 255, 0.3);\n        --dropdownSelectedTextColor: #fff;\n        --dropdownWhiteSpace: nowrap;\n        --dropdownOffsetTop: 2px;\n        --caretHeight: 8px;\n        --caretWidth: 12px;\n        --caretPadding: 0 0 0 5px;\n        --dropdownFontSize: inherit;\n        --dropdownBorderRadius: 4px;\n        --buttonSlotPaddingRight: 0;\n        --dropdownTextAlign: left;\n        --dropdownListZIndex: var(--dropdown-z-index--);\n      }\n\n      #category-dropdown [slot='dropdown-label'] {\n        color: var(--ia-theme-primary-text-color, #2c2c2c);\n        font-size: 1.4rem;\n        font-family: inherit;\n        white-space: nowrap;\n      }\n\n      .no-dropdown #search-input {\n        border-left: 1px solid #999;\n        border-radius: 5px 0 0 5px;\n        overflow: hidden;\n      }\n\n      #search-input {\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        border-top: 1px solid #999;\n        border-bottom: 1px solid #999;\n        font-size: inherit;\n\n        --input-height: calc(var(--search-bar-height--) - 2px);\n        --input-padding: 0 var(--search-bar-internal-padding--, 5px);\n        --input-background-color: var(\n          --ia-theme-secondary-background-color,\n          #fff\n        );\n        --input-border-radius: 0;\n        --input-border-width: 0;\n        --input-box-shadow: none;\n        --input-focused-box-shadow: none;\n        --input-font-size: auto;\n        --clear-button-top: var(--clear-button-offset--, 0);\n        --clear-button-right: 2px;\n      }\n\n      #search-button {\n        appearance: none;\n        box-sizing: border-box;\n        border-radius: 0 5px 5px 0;\n        background-color: var(--ia-theme-secondary-background-color, #fff);\n        border: 1px solid #999;\n        border-left: 0;\n        padding: 0 var(--search-bar-internal-padding--, 5px) 0 5px;\n        min-width: 30px;\n        height: 100%;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n\n      #search-button img {\n        width: 18px;\n        height: 18px;\n      }\n\n      .search-button-loading-icon {\n        --icon-width: 20px;\n        margin-top: 2px;\n      }\n    `;\n\n    return [themeStyles, ownStyles];\n  }\n}\n"]}
+{"version":3,"file":"ia-dropdown-search-bar.js","sourceRoot":"","sources":["../../../../src/elements/ia-dropdown-search-bar/ia-dropdown-search-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { localized, msg } from '@lit/localize';\nimport {\n  css,\n  html,\n  LitElement,\n  nothing,\n  PropertyValues,\n  TemplateResult,\n} from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { customElement } from '@src/util/custom-element';\nimport type { IaClearableTextInput } from '@internetarchive/ia-clearable-text-input';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { SearchCategory, SearchRequestedDetail } from './models';\n\nimport themeStyles from '@src/themes/theme-styles';\nimport searchIcon from './search.svg';\n\nimport '@internetarchive/ia-clearable-text-input';\nimport '@internetarchive/ia-dropdown';\nimport '@src/elements/ia-status-indicator/ia-status-indicator';\n\n/**\n * Event names emitted by this component\n */\nconst Events = {\n  CategoryChanged: 'categoryChanged',\n  SearchRequested: 'searchRequested',\n};\n\n@customElement('ia-dropdown-search-bar')\n@localized()\nexport class IADropdownSearchBar extends LitElement {\n  /** The query that appears in the search bar */\n  @property({ type: String }) query?: string;\n\n  /** Dropdown menu options (tab IDs + labels) */\n  @property({ type: Array }) categories: SearchCategory[] = [];\n\n  /** The currently selected dropdown category ID */\n  @property({ type: String }) selectedCategory?: string;\n\n  /** Placeholder text for the search input. Defaults to \"Search\". */\n  @property({ type: String }) placeholder?: string;\n\n  /** Whether to use the mobile layout */\n  @property({ type: Boolean }) useMobileView = false;\n\n  /** Whether to hide the category dropdown to the left of the search bar */\n  @property({ type: Boolean }) hideDropdown = false;\n\n  /** Whether the search button should show its loading state */\n  @property({ type: Boolean }) loading = false;\n\n  @query('#search-input')\n  private searchInput!: IaClearableTextInput;\n\n  @query('#category-dropdown')\n  private categoryDropdown?: IaDropdown;\n\n  /** The effective selected category, falling back to the first in the list. */\n  private get resolvedCategory(): string {\n    return this.selectedCategory ?? this.categories?.[0]?.id ?? '';\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div id=\"container\" part=\"container\" role=\"search\">\n        <div\n          id=\"main-bar\"\n          part=\"main-bar\"\n          class=${this.hideDropdown ? 'no-dropdown' : nothing}\n        >\n          ${this.hideDropdown ? nothing : this.dropdownTemplate}\n          ${this.textBoxTemplate} ${this.searchButtonTemplate}\n        </div>\n      </div>\n    `;\n  }\n\n  willUpdate(changed: PropertyValues) {\n    // Push new categories down to the inner dropdown immediately, since ia-dropdown\n    // mutates its own selected option on interaction which can cause Lit's\n    // property-binding diff to miss the change in certain cases.\n    if (changed.has('selectedCategory') || changed.has('categories')) {\n      const resolved = this.resolvedCategory;\n      if (\n        this.categoryDropdown &&\n        this.categoryDropdown.selectedOption !== resolved\n      ) {\n        this.categoryDropdown.selectedOption = resolved;\n      }\n    }\n  }\n\n  /**\n   * Template for the category dropdown on the left side of the search bar.\n   */\n  private get dropdownTemplate(): TemplateResult {\n    return html`\n      <ia-dropdown\n        id=\"category-dropdown\"\n        part=\"category-dropdown\"\n        displayCaret\n        includeSelectedOption\n        closeOnSelect\n        closeOnEscape\n        closeOnBackdropClick\n        openViaButton\n        .selectedOption=${this.resolvedCategory}\n        .options=${this.categories}\n        @optionSelected=${this.handleCategorySelected}\n      >\n        <span slot=\"dropdown-label\" part=\"category-dropdown-label\"\n          >${this.selectedCategoryLabel}</span\n        >\n      </ia-dropdown>\n    `;\n  }\n\n  /**\n   * Template for the main text entry box of the search bar.\n   */\n  private get textBoxTemplate(): TemplateResult {\n    return html`\n      <ia-clearable-text-input\n        id=\"search-input\"\n        part=\"search-input\"\n        .value=${this.spacedQuery}\n        placeholder=${this.placeholder ?? msg('Search')}\n        clearButtonScreenReaderLabel=${msg('Clear search query')}\n        screenReaderLabel=${msg(\n          'Search the Archive. Filters and Advanced Search available below.',\n        )}\n        @clear=${this.searchFieldCleared}\n        @submit=${this.handleSubmit}\n      ></ia-clearable-text-input>\n    `;\n  }\n\n  /**\n   * Template for the \"magnifying glass\" search button to the right of the search bar.\n   */\n  private get searchButtonTemplate(): TemplateResult {\n    return html`\n      <button\n        id=\"search-button\"\n        part=\"search-button\"\n        class=${this.loading ? 'loading' : nothing}\n        type=\"button\"\n        aria-label=${msg('Search')}\n        @click=${this.handleSubmit}\n      >\n        ${this.loading\n          ? html`<ia-status-indicator\n              mode=\"loading\"\n              class=\"search-button-loading-icon\"\n            ></ia-status-indicator>`\n          : html`<img src=${searchIcon} alt=\"\" />`}\n      </button>\n    `;\n  }\n\n  /**\n   * The display label for the currently selected category.\n   */\n  private get selectedCategoryLabel(): string | TemplateResult {\n    const match = this.categories.find((c) => c.id === this.resolvedCategory);\n    return match?.label ?? this.resolvedCategory;\n  }\n\n  /**\n   * The current search query with +'s replaced by spaces.\n   */\n  private get spacedQuery(): string {\n    return this.query?.replace(/\\+/g, ' ') ?? '';\n  }\n\n  /**\n   * Handler for when the search bar's clear button is pressed.\n   */\n  private searchFieldCleared(): void {\n    if (this.query) {\n      this.emitSearchRequested();\n    }\n  }\n\n  /**\n   * Handler for Enter key or search button click.\n   */\n  private handleSubmit(): void {\n    this.emitSearchRequested();\n  }\n\n  /**\n   * Handler for when the user selects a category from the dropdown.\n   *\n   * Sets `selectedCategory` locally for immediate visual feedback (semi-controlled\n   * pattern). The parent also binds this property and may re-set it on re-render.\n   */\n  private handleCategorySelected(\n    e: CustomEvent<{ option: optionInterface }>,\n  ): void {\n    const newCategoryId = e.detail.option.id;\n    if (newCategoryId === this.resolvedCategory) return;\n\n    this.selectedCategory = newCategoryId;\n\n    // On next tick, focus the text input bar (seemingly fails in Safari without the delay)\n    setTimeout(() => this.searchInput.focus());\n\n    this.dispatchEvent(\n      new CustomEvent<string>(Events.CategoryChanged, {\n        detail: newCategoryId,\n      }),\n    );\n  }\n\n  /**\n   * Emits a `searchRequested` event with the current query and category.\n   */\n  private emitSearchRequested(): void {\n    this.dispatchEvent(\n      new CustomEvent<SearchRequestedDetail>(Events.SearchRequested, {\n        detail: {\n          query: this.searchInput.value,\n          category: this.resolvedCategory,\n        },\n      }),\n    );\n  }\n\n  static get styles() {\n    const ownStyles = css`\n      :host {\n        --search-bar-height--: var(--search-bar-height, 30px);\n        --search-bar-width--: var(--search-bar-width, 300px);\n        --search-bar-internal-padding--: var(--padding-sm, 5px);\n        --clear-button-offset--: var(--clear-button-offset, 0);\n        /* While it would be nice to fall back to ia-dropdown's own default here by making this var\n           fall back to \"initial\", older Safari versions don't support that keyword in a var() fallback.\n           So instead we just restate ia-dropdown's current default 2 here as the fallback. */\n        --dropdown-z-index--: var(--dropdown-z-index, 2);\n      }\n\n      #container {\n        display: inline-block;\n        width: var(--search-bar-width--);\n      }\n\n      #main-bar {\n        display: flex;\n        height: var(--search-bar-height--, 30px);\n        flex: 1;\n      }\n\n      #category-dropdown {\n        display: flex;\n        flex-shrink: 0;\n        height: 100%;\n        box-sizing: border-box;\n\n        background-color: #f5f5f7;\n        border: 1px solid #999;\n        border-radius: 5px 0 0 5px;\n\n        --dropdownMainButtonPadding: 0 var(--search-bar-internal-padding--, 5px);\n        --dropdownBgColor: #2c2c2c;\n        --dropdownTextColor: #fff;\n        --dropdownBorderColor: #ddd;\n        --dropdownCaretColor: var(--ia-theme-primary-text-color, #2c2c2c);\n        --dropdownHoverBgColor: rgba(255, 255, 255, 0.3);\n        --dropdownHoverTextColor: #fff;\n        --dropdownSelectedBgColor: rgba(255, 255, 255, 0.3);\n        --dropdownSelectedTextColor: #fff;\n        --dropdownWhiteSpace: nowrap;\n        --dropdownOffsetTop: 2px;\n        --caretHeight: 8px;\n        --caretWidth: 12px;\n        --caretPadding: 0 0 0 5px;\n        --dropdownFontSize: inherit;\n        --dropdownBorderRadius: 4px;\n        --buttonSlotPaddingRight: 0;\n        --dropdownTextAlign: left;\n        --dropdownListZIndex: var(--dropdown-z-index--);\n      }\n\n      #category-dropdown [slot='dropdown-label'] {\n        color: var(--ia-theme-primary-text-color, #2c2c2c);\n        font-size: 1.4rem;\n        font-family: inherit;\n        white-space: nowrap;\n      }\n\n      .no-dropdown #search-input {\n        border-left: 1px solid #999;\n        border-radius: 5px 0 0 5px;\n        overflow: hidden;\n      }\n\n      #search-input {\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        border-top: 1px solid #999;\n        border-bottom: 1px solid #999;\n        font-size: inherit;\n\n        --input-height: calc(var(--search-bar-height--) - 2px);\n        --input-padding: 0 var(--search-bar-internal-padding--, 5px);\n        --input-background-color: var(\n          --ia-theme-secondary-background-color,\n          #fff\n        );\n        --input-border-radius: 0;\n        --input-border-width: 0;\n        --input-box-shadow: none;\n        --input-focused-box-shadow: none;\n        --input-font-size: auto;\n        --clear-button-top: var(--clear-button-offset--, 0);\n        --clear-button-right: 2px;\n      }\n\n      #search-button {\n        appearance: none;\n        box-sizing: border-box;\n        border-radius: 0 5px 5px 0;\n        background-color: var(--ia-theme-secondary-background-color, #fff);\n        border: 1px solid #999;\n        border-left: 0;\n        padding: 0 var(--search-bar-internal-padding--, 5px) 0 5px;\n        min-width: 30px;\n        height: 100%;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n\n      #search-button img {\n        width: 18px;\n        height: 18px;\n      }\n\n      .search-button-loading-icon {\n        --icon-width: 20px;\n        margin-top: 2px;\n      }\n    `;\n\n    return [themeStyles, ownStyles];\n  }\n}\n"]}

package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.d.ts

@@ -13,10 +13,10 @@ export declare class IAExpandableSearchBar extends LitElement {
     searchTerm: string;
     /** The suggestions to offer in the quick search list */
     quickSearches: QuickSearchEntry[];
-    /** Placeholder text for the input */
-    placeholder: string;
-    /** The accessible name for the input */
-    label: string;
+    /** Placeholder text for the input. Defaults to "Search". */
+    placeholder?: string;
+    /** The accessible name for the input. Defaults to "Search". */
+    label?: string;
     private searchInput?;
     render(): TemplateResult;
     /**

package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ia-expandable-search-bar.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-expandable-search-bar/ia-expandable-search-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAMjD,OAAO,mBAAmB,CAAC;AAY3B;;GAEG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,+CAA+C;IAClB,MAAM,UAAS;IAE5C,yEAAyE;IAC5C,eAAe,UAAS;IAErD,8BAA8B;IACF,UAAU,SAAM;IAE5C,wDAAwD;IAC7B,aAAa,EAAE,gBAAgB,EAAE,CAAM;IAElE,qCAAqC;IACT,WAAW,SAAiB;IAExD,wCAAwC;IACZ,KAAK,SAAiB;IAE1B,OAAO,CAAC,WAAW,CAAC,CAA0B;IAEtE,MAAM,IAAI,cAAc;IAuDxB;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAMhD;;;;;;OAMG;IACH,OAAO,CAAC,WAAW;IAWnB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAAS;IAErC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,mBAAmB;IAqB3B,OAAO,CAAC,gBAAgB;IAIxB,MAAM,KAAK,MAAM,IAAI,cAAc,CAsKlC;CACF"}
+{"version":3,"file":"ia-expandable-search-bar.d.ts","sourceRoot":"","sources":["../../../../src/elements/ia-expandable-search-bar/ia-expandable-search-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAMjD,OAAO,mBAAmB,CAAC;AAY3B;;GAEG;AACH,qBAEa,qBAAsB,SAAQ,UAAU;IACnD,+CAA+C;IAClB,MAAM,UAAS;IAE5C,yEAAyE;IAC5C,eAAe,UAAS;IAErD,8BAA8B;IACF,UAAU,SAAM;IAE5C,wDAAwD;IAC7B,aAAa,EAAE,gBAAgB,EAAE,CAAM;IAElE,4DAA4D;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD,+DAA+D;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,WAAW,CAAC,CAA0B;IAEtE,MAAM,IAAI,cAAc;IAuDxB;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAMhD;;;;;;OAMG;IACH,OAAO,CAAC,WAAW;IAWnB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAAS;IAErC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,mBAAmB;IAqB3B,OAAO,CAAC,gBAAgB;IAIxB,MAAM,KAAK,MAAM,IAAI,cAAc,CAsKlC;CACF"}

package/dist/src/elements/ia-expandable-search-bar/ia-expandable-search-bar.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { css, html, LitElement, } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { customElement } from '../../util/custom-element.js';
-import { msg } from '@lit/localize';
+import { localized, msg } from '@lit/localize';
 import clearResultsIcon from './assets/clear-results.js';
 import disclosureIcon from './assets/disclosure.js';
 import magnifyingGlassIcon from './assets/magnifying-glass.js';
@@ -30,10 +30,6 @@ let IAExpandableSearchBar = class IAExpandableSearchBar extends LitElement {
         this.searchTerm = '';
         /** The suggestions to offer in the quick search list */
         this.quickSearches = [];
-        /** Placeholder text for the input */
-        this.placeholder = msg('Search');
-        /** The accessible name for the input */
-        this.label = msg('Search');
         /**
          * Whether the Enter now coming up is the same one that went down on the
          * input. Selecting a quick search with the keyboard hands focus back to the
@@ -54,8 +50,8 @@ let IAExpandableSearchBar = class IAExpandableSearchBar extends LitElement {
           <input
             id="search-input"
             type="text"
-            aria-label=${this.label}
-            placeholder=${this.placeholder}
+            aria-label=${this.label ?? msg('Search')}
+            placeholder=${this.placeholder ?? msg('Search')}
             .value=${this.searchTerm}
             @input=${this.handleInput}
             @keydown=${this.handleKeyDown}
@@ -347,7 +343,8 @@ __decorate([
     query('#search-input')
 ], IAExpandableSearchBar.prototype, "searchInput", void 0);
 IAExpandableSearchBar = __decorate([
-    customElement('ia-expandable-search-bar')
+    customElement('ia-expandable-search-bar'),
+    localized()
 ], IAExpandableSearchBar);
 export { IAExpandableSearchBar };
 //# sourceMappingURL=ia-expandable-search-bar.js.map