@lion/ui 0.0.1

package/dist-types/components/form-core/types/validate/ValidateMixinTypes.d.ts

@@ -0,0 +1,195 @@
+import { LitElement } from 'lit';
+import { Constructor } from '@open-wc/dedupe-mixin';
+import { ScopedElementsHost } from '@open-wc/scoped-elements';
+import { DisabledHost } from '../../../core/types/DisabledMixinTypes.js';
+import { SlotHost } from '../../../core/types/SlotMixinTypes.js';
+import { FormControlHost } from '../FormControlMixinTypes.js';
+import { SyncUpdatableHost } from '../utils/SyncUpdatableMixinTypes.js';
+import { Validator } from '../../src/validate/Validator.js';
+export declare type ValidationType = 'error' | 'warning' | 'info' | 'success' | string;
+export declare class ValidateHost {
+    /**
+     * Used by Application Developers to add Validators to a FormControl.
+     * @example
+     * ```html
+     * <form-control .validators="${[new Required(), new MinLength(4, {type: 'warning'})]}">
+     * </form-control>
+     * ```
+     */
+    validators: Validator[];
+    /**
+     * As soon as validation happens (after modelValue/validators/validator param change), this
+     * array is updated with the active ValidationTypes ('error'|'warning'|'success'|'info' etc.).
+     * Notice the difference with `.showsFeedbackFor`, which filters `.hasFeedbackFor` based on
+     * `.feedbackCondition()`.
+     *
+     * For styling purposes, will be reflected to [has-feedback-for="error warning"]. This can
+     * be useful for subtle visual feedback on keyup, like a red/green border around an input.
+     *
+     * @readOnly
+     * @example
+     * ```css
+     * :host([has-feedback-for~="error"]) .input-group__container {
+     *   border: 1px solid red;
+     * }
+     * ```
+     */
+    hasFeedbackFor: ValidationType[];
+    /**
+     * Based on outcome of feedbackCondition, this array decides what ValidationTypes should be
+     * shown in validationFeedback, based on meta data like interaction states.
+     *
+     * For styling purposes, it reflects it `[shows-feedback-for="error warning"]`
+     * @readOnly
+     * @example
+     * ```css
+     * :host([shows-feedback-for~="success"]) .form-field__feedback {
+     *   transform: scaleY(1);
+     * }
+     * ```
+     */
+    showsFeedbackFor: ValidationType[];
+    /**
+     * A temporary storage to transition from hasFeedbackFor to showsFeedbackFor
+     * @type {ValidationType[]}
+     * @readOnly
+     * @private
+     */
+    private shouldShowFeedbackFor;
+    /**
+     * The outcome of a validation 'round'. Keyed by ValidationType and Validator name
+     * @readOnly
+     */
+    validationStates: {
+        [key: string]: {
+            [key: string]: Object;
+        };
+    };
+    /**
+     * Flag indicating whether async validation is pending.
+     * Creates attribute [is-pending] as a styling hook
+     */
+    isPending: boolean;
+    /**
+     * Used by Subclassers to add default Validators to a particular FormControl.
+     * A date input for instance, always needs the isDate validator.
+     * @example
+     * ```js
+     * this.defaultValidators.push(new IsDate());
+     * ```
+     */
+    defaultValidators: Validator[];
+    fieldName: string;
+    validateComplete: Promise<void>;
+    feedbackComplete: Promise<void>;
+    static validationTypes: string[];
+    /**
+     * Triggered by:
+     *  - modelValue change
+     *  - change in the 'validators' array
+     *  - change in the config of an individual Validator
+     *
+     * Three situations are handled:
+     * - a1) the FormControl is empty: further execution is halted. When the Required Validator
+     * (being mutually exclusive to the other Validators) is applied, it will end up in the
+     * validation result (as the only Validator, since further execution was halted).
+     * - a2) there are synchronous Validators: this is the most common flow. When modelValue hasn't
+     * changed since last async results were generated, 'sync results' are merged with the
+     * 'async results'.
+     * - a3) there are asynchronous Validators: for instance when server side evaluation is needed.
+     * Executions are scheduled and awaited and the 'async results' are merged with the
+     * 'sync results'.
+     *
+     * - b) there are ResultValidators. After steps a1, a2, or a3 are finished, the holistic
+     * ResultValidators (evaluating the total result of the 'regular' (a1, a2 and a3) validators)
+     * will be run...
+     *
+     * Situations a2 and a3 are not mutually exclusive and can be triggered within one `validate()`
+     * call. Situation b will occur after every call.
+     *
+     * @param {{ clearCurrentResult?: boolean }} [opts]
+     */
+    validate(opts?: {
+        clearCurrentResult?: boolean;
+    }): void;
+    /**
+     * The amount of feedback messages that will visible in LionValidationFeedback
+     */
+    protected _visibleMessagesAmount: number;
+    /**
+     * Combination of validators provided by Application Developer and the default validators
+     */
+    protected _allValidators: Validator[];
+    /**
+     * Allows Subclassers to add meta info for feedbackCondition
+     */
+    protected get _feedbackConditionMeta(): object;
+    /**
+     * Responsible for retrieving messages from Validators and
+     * (delegation of) rendering them.
+     *
+     * For `._feedbackNode` (extension of LionValidationFeedback):
+     * - retrieve messages from highest prio Validators
+     * - provide the result to custom feedback node and let the
+     * custom node decide on their renderings
+     *
+     * In both cases:
+     * - we compute the 'show' flag (like 'hasErrorVisible') for all types
+     * - we set the customValidity message of the highest prio Validator
+     * - we set aria-invalid="true" in case hasErrorVisible is true
+     */
+    protected _updateFeedbackComponent(): void;
+    /**
+     * Default feedbackCondition condition, used by Subclassers, that will be used when
+     * `feedbackCondition()` is not overridden by Application Developer.
+     * Show the validity feedback when returning true, don't show when false
+     * @param {string} type could be 'error', 'warning', 'info', 'success' or any other custom
+     * Validator type
+     * @param {object} meta meta info (interaction states etc)
+     */
+    protected _showFeedbackConditionFor(type: string, meta: object): boolean;
+    /**
+     * Used to translate `.hasFeedbackFor` and `.shouldShowFeedbackFor` to `.showsFeedbackFor`
+     */
+    protected _hasFeedbackVisibleFor(type: string): boolean;
+    protected _updateShouldShowFeedbackFor(): void;
+    /**
+     * Orders all active validators in this.__validationResult. Can also filter out occurrences
+     * (based on interaction states).
+     *
+     * @example
+     * ```js
+     * _prioritizeAndFilterFeedback({ validationResult }) {
+     *   // Put info messages on top; no limitation by `._visibleMessagesAmount`
+     *   const meta = this._feedbackConditionMeta;
+     *   return validationResult.filter(v =>
+     *     this.feedbackCondition(v.type, meta, this._showFeedbackConditionFor.bind(this))
+     *   ).sort((a, b) => a.type === 'info' ? 1 : 0);
+     * }
+     * ```
+     */
+    protected _prioritizeAndFilterFeedback(opts: {
+        validationResult: Validator[];
+    }): Validator[];
+    private __syncValidationResult;
+    private __asyncValidationResult;
+    private __validationResult;
+    private __prevValidationResult;
+    private __prevShownValidationResult;
+    private __childModelValueChanged;
+    private __storePrevResult;
+    private __executeValidators;
+    private __validateCompleteResolve;
+    private __executeSyncValidators;
+    private __executeAsyncValidators;
+    private __executeResultValidators;
+    private __finishValidation;
+    private __clearValidationResults;
+    private __onValidatorUpdated;
+    private __setupValidators;
+    private __isEmpty;
+    private __getFeedbackMessages;
+}
+export declare function ValidateImplementation<T extends Constructor<LitElement>>(superclass: T): T & Constructor<ValidateHost> & Pick<typeof ValidateHost, keyof typeof ValidateHost> & Constructor<FormControlHost> & Pick<typeof FormControlHost, keyof typeof FormControlHost> & Constructor<SyncUpdatableHost> & Pick<typeof SyncUpdatableHost, keyof typeof SyncUpdatableHost> & Constructor<DisabledHost> & Pick<typeof DisabledHost, keyof typeof DisabledHost> & Constructor<SlotHost> & Pick<typeof SlotHost, keyof typeof SlotHost> & Constructor<ScopedElementsHost> & Pick<typeof ScopedElementsHost, keyof typeof ScopedElementsHost> & Pick<typeof LitElement, keyof typeof LitElement>;
+export declare type ValidateMixin = typeof ValidateImplementation;
+//# sourceMappingURL=ValidateMixinTypes.d.ts.map

package/dist-types/components/form-core/types/validate/ValidateMixinTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidateMixinTypes.d.ts","sourceRoot":"","sources":["../../../../../components/form-core/types/validate/ValidateMixinTypes.ts"],"names":[],"mappings":"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"}

package/dist-types/components/form-core/types/validate/index.d.ts

@@ -0,0 +1,3 @@
+export * from './validate.js';
+export * from './ValidateMixinTypes.js';
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/form-core/types/validate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../components/form-core/types/validate/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC"}

package/dist-types/components/form-core/types/validate/validate.d.ts

@@ -0,0 +1,55 @@
+import { FormControlHost } from '../../src/FormControlMixin.js';
+import { ValidationType } from './ValidateMixinTypes.js';
+/**
+ * The name under which validation results get registered. For convience and predictability, this
+ * should always be the same as the constructor name (since it will be obfuscated in js builds,
+ * we need to provide it separately).
+ * @example
+ * ```js
+ * class MyValidator extends Validator {
+ *   static validatorName = 'MyValidator';
+ *   // etc...
+ * }
+ * ```
+ */
+export declare type ValidatorName = string;
+/**
+ * The first argument of the constructor, for instance 3 in `new MinLength(3)`. Will
+ * be stored on Validator instance and passed to `execute` function
+ */
+export declare type ValidatorParam = any;
+/**
+ * The second argument of the constructor, for instance
+ * `new MinLength(3, {getFeedbackMessage: async () => 'too long'})`.
+ * Will be stored on Validator instance and passed to `execute` function
+ */
+export declare type ValidatorConfig = {
+    getMessage?: (data: Partial<FeedbackMessageData>) => Promise<string | Element> | string | Element;
+    type?: ValidationType;
+    node?: FormControlHost;
+    fieldName?: string | Promise<string>;
+};
+/**
+ * Output of the `execute` function that returns a validity outcome. When we need to shpw feedback,
+ * it should return true, otherwise false. So when an error\info|warning|success message
+ * needs to be shown, return true.
+ * It's also possible to return an enum. Let's say that a phone number can have multiple
+ * states: 'invalid-country-code' | 'too-long' | 'too-short'
+ * Those states can be retrieved in the getMessage function.
+ */
+export declare type ValidatorOutcome = string | boolean;
+/**
+ * Data object that will be provided to `getMessage()` method
+ */
+export declare type FeedbackMessageData = {
+    modelValue: any;
+    /** Value configured in FormControl.fieldName. Contributes to accessible error messages */
+    fieldName: string;
+    name: ValidatorName;
+    formControl: FormControlHost;
+    type: ValidationType;
+    outcome: ValidatorOutcome;
+    config: ValidatorConfig;
+    params: ValidatorParam;
+};
+//# sourceMappingURL=validate.d.ts.map

package/dist-types/components/form-core/types/validate/validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../../../../components/form-core/types/validate/validate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD;;;;;;;;;;;GAWG;AACH,oBAAY,aAAa,GAAG,MAAM,CAAC;AAEnC;;;GAGG;AACH,oBAAY,cAAc,GAAG,GAAG,CAAC;AAEjC;;;;GAIG;AACH,oBAAY,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;IAClG,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;CACtC,CAAC;AAEF;;;;;;;GAOG;AACH,oBAAY,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhD;;GAEG;AACH,oBAAY,mBAAmB,GAAG;IAChC,UAAU,EAAE,GAAG,CAAC;IAChB,0FAA0F;IAC1F,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,EAAE,eAAe,CAAC;IAC7B,IAAI,EAAE,cAAc,CAAC;IAErB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC"}

package/dist-types/components/form-integrations/test/dialog-integrations.test.d.ts

@@ -0,0 +1,4 @@
+export type UmbrellaForm = import('./helpers/umbrella-form.js').UmbrellaForm;
+export type LionDialog = import('../../dialog/src/LionDialog.js').LionDialog;
+export type LionForm = import('../../form/src/LionForm.js').LionForm;
+//# sourceMappingURL=dialog-integrations.test.d.ts.map

package/dist-types/components/form-integrations/test/dialog-integrations.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-integrations.test.d.ts","sourceRoot":"","sources":["../../../../components/form-integrations/test/dialog-integrations.test.js"],"names":[],"mappings":"2BAUa,OAAO,4BAA4B,EAAE,YAAY;yBACjD,OAAO,gCAAgC,EAAE,UAAU;uBACnD,OAAO,4BAA4B,EAAE,QAAQ"}

package/dist-types/components/form-integrations/test/form-group-methods.test.d.ts

@@ -0,0 +1,4 @@
+export type LionField = import('../../form-core/src/LionField.js').LionField;
+export type LionButton = import('../../button/src/LionButton.js').LionButton;
+export type UmbrellaForm = import('./helpers/umbrella-form.js').UmbrellaForm;
+//# sourceMappingURL=form-group-methods.test.d.ts.map

package/dist-types/components/form-integrations/test/form-group-methods.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-group-methods.test.d.ts","sourceRoot":"","sources":["../../../../components/form-integrations/test/form-group-methods.test.js"],"names":[],"mappings":"wBAyCa,OAAO,kCAAkC,EAAE,SAAS;yBACpD,OAAO,gCAAgC,EAAE,UAAU;2BACnD,OAAO,4BAA4B,EAAE,YAAY"}

package/dist-types/components/form-integrations/test/form-integrations.test.d.ts

@@ -0,0 +1,3 @@
+export type UmbrellaForm = import('./helpers/umbrella-form.js').UmbrellaForm;
+export type LionInputTelDropdown = import('../../input-tel-dropdown/src/LionInputTelDropdown.js').LionInputTelDropdown;
+//# sourceMappingURL=form-integrations.test.d.ts.map

package/dist-types/components/form-integrations/test/form-integrations.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-integrations.test.d.ts","sourceRoot":"","sources":["../../../../components/form-integrations/test/form-integrations.test.js"],"names":[],"mappings":"2BAaa,OAAO,4BAA4B,EAAE,YAAY;mCACjD,OAAO,sDAAsD,EAAE,oBAAoB"}

package/dist-types/components/form-integrations/test/form-validation-integrations.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-validation-integrations.test.d.ts.map

package/dist-types/components/form-integrations/test/form-validation-integrations.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-validation-integrations.test.d.ts","sourceRoot":"","sources":["../../../../components/form-integrations/test/form-validation-integrations.test.js"],"names":[],"mappings":""}

package/dist-types/components/form-integrations/test/helpers/helpers.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @typedef {import('../../../form/src/LionForm.js').LionForm} LionForm
+ * @typedef {import('../../../form-core/src/LionField.js').LionField} LionField
+ */
+/**
+ * @param {LionForm} formGroupEl
+ */
+export function getAllFormElements(formGroupEl: LionForm): any;
+/**
+ * @param {LionForm} formGroupEl
+ */
+export function getAllTagNames(formGroupEl: LionForm): any;
+/**
+ * @param {LionForm} formGroupEl
+ */
+export function getAllFieldsAndFormGroups(formGroupEl: LionForm): any;
+export type LionForm = import('../../../form/src/LionForm.js').LionForm;
+export type LionField = import('../../../form-core/src/LionField.js').LionField;
+//# sourceMappingURL=helpers.d.ts.map

package/dist-types/components/form-integrations/test/helpers/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../components/form-integrations/test/helpers/helpers.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,gDAFW,QAAQ,OAWlB;AAED;;GAEG;AACH,4CAFW,QAAQ,OAWlB;AAED;;GAEG;AACH,uDAFW,QAAQ,OAKlB;uBAtCY,OAAO,+BAA+B,EAAE,QAAQ;wBAChD,OAAO,qCAAqC,EAAE,SAAS"}

package/dist-types/components/form-integrations/test/helpers/umbrella-form.d.ts

@@ -0,0 +1,11 @@
+export class UmbrellaForm extends LitElement {
+    get _lionFormNode(): import("../../../form/src/LionForm.js").LionForm;
+    /**
+     * @param {string} v
+     */
+    set serializedValue(arg: string);
+    __serializedValue: string | undefined;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from "lit-element/lit-element.js";
+//# sourceMappingURL=umbrella-form.d.ts.map

package/dist-types/components/form-integrations/test/helpers/umbrella-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"umbrella-form.d.ts","sourceRoot":"","sources":["../../../../../components/form-integrations/test/helpers/umbrella-form.js"],"names":[],"mappings":"AAwBA;IACE,sEAIC;IAED;;OAEG;IACH,iCAEC;IADC,sCAA0B;IAG5B,+CAkIC;CACF"}

package/dist-types/components/form-integrations/test/model-value-consistency.test.d.ts

@@ -0,0 +1,13 @@
+export type LitElement = import('lit').LitElement;
+export type LionField = import('../../form-core/src/LionField.js').LionField;
+export type FormControl = import('../../form-core/types/FormControlMixinTypes.js').FormControlHost & LitElement & {
+    __parentFormGroup?: HTMLElement;
+    checked?: boolean;
+    disabled: boolean;
+    hasFeedbackFor: string[];
+    makeRequestToBeDisabled: Function;
+};
+export type LionInput = import('../../input/src/LionInput.js').LionInput;
+export type LionSelect = import('../../select/src/LionSelect.js').LionSelect;
+export type LionOption = import('../../listbox/src/LionOption.js').LionOption;
+//# sourceMappingURL=model-value-consistency.test.d.ts.map

package/dist-types/components/form-integrations/test/model-value-consistency.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-value-consistency.test.d.ts","sourceRoot":"","sources":["../../../../components/form-integrations/test/model-value-consistency.test.js"],"names":[],"mappings":"yBAsCa,OAAO,KAAK,EAAE,UAAU;wBACxB,OAAO,kCAAkC,EAAE,SAAS;0BACpD,OAAO,gDAAgD,EAAE,eAAe,GAAG,UAAU,GAAG;IAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,MAAM,EAAE,CAAC;IAAC,uBAAuB,WAAU;CAAE;wBAC7N,OAAO,8BAA8B,EAAE,SAAS;yBAChD,OAAO,gCAAgC,EAAE,UAAU;yBACnD,OAAO,iCAAiC,EAAE,UAAU"}

package/dist-types/components/form-integrations/test/model-value-event.test.d.ts

@@ -0,0 +1,4 @@
+export type LionInput = import('../../input/src/LionInput.js').LionInput;
+export type LionFieldset = import('../../fieldset/src/LionFieldset.js').LionFieldset;
+export type TemplateResult = import('lit').TemplateResult;
+//# sourceMappingURL=model-value-event.test.d.ts.map

package/dist-types/components/form-integrations/test/model-value-event.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-value-event.test.d.ts","sourceRoot":"","sources":["../../../../components/form-integrations/test/model-value-event.test.js"],"names":[],"mappings":"wBAQa,OAAO,8BAA8B,EAAE,SAAS;2BAChD,OAAO,oCAAoC,EAAE,YAAY;6BACzD,OAAO,KAAK,EAAE,cAAc"}

package/dist-types/components/helpers/src/SbActionLogger.d.ts

@@ -0,0 +1,51 @@
+/** @typedef {import('lit').TemplateResult} TemplateResult */
+export class SbActionLogger extends LitElement {
+    static get properties(): {
+        title: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        simple: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        __logCounter: {
+            type: NumberConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    simple: boolean;
+    __logCounter: number;
+    get loggerEl(): HTMLElement;
+    /**
+     * Renders the passed content as a node, and appends it to the logger
+     * Only supports simple values, will be interpreted to a String
+     * E.g. an Object will become '[object Object]'
+     *
+     * @param {string} content Content to be logged to the action logger
+     */
+    log(content: string): void;
+    /**
+     * Protected getter that returns the template of a single log
+     *
+     * @param {string} content
+     * @return {TemplateResult} TemplateResult that uses the content passed to create a log
+     */
+    _logTemplate(content: string): TemplateResult;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * @param {string} content
+     */
+    __appendLog(content: string): void;
+    /**
+     * @param {string} content
+     */
+    __isConsecutiveDuplicateLog(content: string): boolean;
+    __handleConsecutiveDuplicateLog(): void;
+    __prependLogCounterElement(): void;
+    __animateCue(): void;
+    __clearLogs(): void;
+}
+export type TemplateResult = import('lit').TemplateResult;
+import { LitElement } from "lit-element/lit-element.js";
+//# sourceMappingURL=SbActionLogger.d.ts.map

package/dist-types/components/helpers/src/SbActionLogger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SbActionLogger.d.ts","sourceRoot":"","sources":["../../../../components/helpers/src/SbActionLogger.js"],"names":[],"mappings":"AAEA,6DAA6D;AAE7D;IACE;;;;;;;;;;;;MAMC;IAED,+CA8GC;IAKC,gBAAmB;IACnB,qBAAqB;IAGvB,4BAIC;IAED;;;;;;OAMG;IACH,aAFW,MAAM,QAoBhB;IAED;;;;;OAKG;IAEH,sBAJW,MAAM,GACL,cAAc,CASzB;IAED,+CAcC;IAED;;OAEG;IACH,qBAFW,MAAM,QAQhB;IAED;;OAEG;IACH,qCAFW,MAAM,WAUhB;IAED,wCAeC;IAED,mCASC;IAED,qBAWC;IAED,oBAMC;CACF;6BA1Qa,OAAO,KAAK,EAAE,cAAc"}

package/dist-types/components/helpers/src/SbLocaleSwitcher.d.ts

@@ -0,0 +1,16 @@
+export class SbLocaleSwitcher extends LitElement {
+    static get properties(): {
+        showLocales: {
+            type: ArrayConstructor;
+            attribute: string;
+        };
+    };
+    showLocales: string[];
+    /**
+     * @param {string} locale
+     */
+    callback(locale: string): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from "lit-element/lit-element.js";
+//# sourceMappingURL=SbLocaleSwitcher.d.ts.map

package/dist-types/components/helpers/src/SbLocaleSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SbLocaleSwitcher.d.ts","sourceRoot":"","sources":["../../../../components/helpers/src/SbLocaleSwitcher.js"],"names":[],"mappings":"AAEA;IACE;;;;;MAIC;IAIC,sBAAgE;IAGlE;;OAEG;IAEH,iBAHW,MAAM,QAKhB;IAED,+CAQC;CACF"}

package/dist-types/components/helpers/src/renderLitAsNode.d.ts

@@ -0,0 +1,2 @@
+export function renderLitAsNode(litHtmlTemplate: import('lit').TemplateResult): Element | null;
+//# sourceMappingURL=renderLitAsNode.d.ts.map

package/dist-types/components/helpers/src/renderLitAsNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderLitAsNode.d.ts","sourceRoot":"","sources":["../../../../components/helpers/src/renderLitAsNode.js"],"names":[],"mappings":"AAQO,iDAFI,OAAO,KAAK,EAAE,cAAc,kBAMtC"}

package/dist-types/components/helpers/src/sortEachDepth.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Sorts each depth level according to the provided array order.
+ *
+ * @example
+ * addParameters({
+ *   options: {
+ *     showRoots: true,
+ *     storySort: sortEachDepth([
+ *       ['Intro', 'Forms', 'Buttons', '...'] // 1. level - ordered like this rest default order
+ *       ['Intro', '...', 'System'], // 2. level - Intro first, System last in between default order
+ *       ['Overview', '...'] // 3. level - Intro first rest default order
+ *     ]),
+ * });
+ *
+ * @param {Array.<[]>} orderPerDepth array of arrays giving the order of each level
+ */
+export function sortEachDepth(orderPerDepth: Array<[]>): (a: Array<unknown>, b: Array<unknown>) => any;
+//# sourceMappingURL=sortEachDepth.d.ts.map

package/dist-types/components/helpers/src/sortEachDepth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortEachDepth.d.ts","sourceRoot":"","sources":["../../../../components/helpers/src/sortEachDepth.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,6CAFW,MAAO,EAAE,CAAC,OAGA,cAAS,KAAmB,cAAS,SAkEzD"}

package/dist-types/components/helpers/test/renderLitAsNode.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=renderLitAsNode.test.d.ts.map

package/dist-types/components/helpers/test/renderLitAsNode.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderLitAsNode.test.d.ts","sourceRoot":"","sources":["../../../../components/helpers/test/renderLitAsNode.test.js"],"names":[],"mappings":""}

package/dist-types/components/helpers/test/sb-action-logger.test.d.ts

@@ -0,0 +1,3 @@
+export type SbActionLogger = import('../src/SbActionLogger.js').SbActionLogger;
+export type TemplateResult = import('lit').TemplateResult;
+//# sourceMappingURL=sb-action-logger.test.d.ts.map

package/dist-types/components/helpers/test/sb-action-logger.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sb-action-logger.test.d.ts","sourceRoot":"","sources":["../../../../components/helpers/test/sb-action-logger.test.js"],"names":[],"mappings":"6BAKa,OAAO,0BAA0B,EAAE,cAAc;6BACjD,OAAO,KAAK,EAAE,cAAc"}

package/dist-types/components/icon/src/IconManager.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @typedef {import('lit-html').nothing} nothing
+ * @typedef {import('lit').TemplateResult} TemplateResult
+ */
+export class IconManager {
+    /** @private */
+    private __iconResolvers;
+    /**
+     * Adds an icon resolver for the given namespace. An icon resolver is a
+     * function which takes an icon set and an icon name and returns an svg
+     * icon as a TemplateResult. This function can be sync or async.
+     *
+     * @param {string} namespace
+     * @param {(iconset: string, icon: string) => TemplateResult | Promise<TemplateResult> | nothing | Promise<nothing> } iconResolver
+     */
+    addIconResolver(namespace: string, iconResolver: (iconset: string, icon: string) => TemplateResult | Promise<TemplateResult> | nothing | Promise<nothing>): void;
+    /**
+     * Removes an icon resolver for a namespace.
+     * @param {string} namespace
+     */
+    removeIconResolver(namespace: string): void;
+    /**
+     * Resolves icon for the given parameters. Returns the icon as a svg string.
+     *
+     * @param {string} namespace
+     * @param {string} iconset
+     * @param {string} icon
+     * @returns {Promise<TemplateResult>}
+     */
+    resolveIcon(namespace: string, iconset: string, icon: string): Promise<TemplateResult>;
+    /**
+     * Resolves icon for the given icon id. Returns the icon as a svg string.
+     *
+     * @param {string} iconId
+     * @returns {Promise<TemplateResult>}
+     */
+    resolveIconForId(iconId: string): Promise<TemplateResult>;
+}
+export type nothing = typeof import("lit-html").nothing;
+export type TemplateResult = import('lit').TemplateResult;
+//# sourceMappingURL=IconManager.d.ts.map

package/dist-types/components/icon/src/IconManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconManager.d.ts","sourceRoot":"","sources":["../../../../components/icon/src/IconManager.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;IAEI,eAAe;IACf,wBAAgC;IAGlC;;;;;;;OAOG;IACH,2BAHW,MAAM,0BACI,MAAM,QAAQ,MAAM,KAAK,cAAc,GAAG,QAAQ,cAAc,CAAC,GAAG,OAAO,GAAG,QAAQ,OAAO,CAAC,QAOlH;IAED;;;OAGG;IACH,8BAFW,MAAM,QAIhB;IAED;;;;;;;OAOG;IACH,uBALW,MAAM,WACN,MAAM,QACN,MAAM,GACJ,QAAQ,cAAc,CAAC,CAQnC;IAED;;;;;OAKG;IACH,yBAHW,MAAM,GACJ,QAAQ,cAAc,CAAC,CASnC;CACF;;6BA9DY,OAAO,KAAK,EAAE,cAAc"}

package/dist-types/components/icon/src/LionIcon.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Custom element for rendering SVG icons
+ */
+export class LionIcon extends LitElement {
+    static get properties(): {
+        /**
+         * @desc When icons are not loaded as part of an iconset defined on iconManager,
+         * it's possible to directly load an svg.
+         */
+        svg: {
+            attribute: boolean;
+        };
+        /**
+         * @desc The iconId allows to access icons that are registered to the IconManager
+         * For instance, "lion:space:alienSpaceship"
+         */
+        ariaLabel: {
+            type: StringConstructor;
+            attribute: string;
+            reflect: boolean;
+        };
+        /**
+         * @desc The iconId allows to access icons that are registered to the IconManager
+         * For instance, "lion:space:alienSpaceship"
+         */
+        iconId: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        /**
+         * @private
+         */
+        role: {
+            type: StringConstructor;
+            attribute: string;
+            reflect: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    role: string;
+    ariaLabel: string;
+    iconId: string;
+    /**
+     * @private
+     * @type {TemplateResult|nothing|TagFunction}
+     */
+    private __svg;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * On IE11, svgs without focusable false appear in the tab order
+     * so make sure to have <svg focusable="false"> in svg files
+     * @param {TemplateResult|nothing|TagFunction} svg
+     */
+    set svg(arg: typeof nothing | import("lit-html").TemplateResult<1 | 2> | TagFunction);
+    /**
+     * @type {TemplateResult|nothing|TagFunction}
+     */
+    get svg(): typeof nothing | import("lit-html").TemplateResult<1 | 2> | TagFunction;
+    /** @protected */
+    protected _onLabelChanged(): void;
+    /**
+     * @param {TemplateResult | nothing} svgObject
+     * @protected
+     */
+    protected _renderSvg(svgObject: TemplateResult | typeof nothing): void;
+    /** @protected */
+    protected get _iconManager(): any;
+    /**
+     * @param {string} prevIconId
+     * @protected
+     */
+    protected _onIconIdChanged(prevIconId: string): Promise<void>;
+}
+export type TemplateResult = import('lit').TemplateResult;
+export type TagFunction = (tag: (strings: TemplateStringsArray, ...expr: string[]) => string) => string;
+import { LitElement } from "lit-element/lit-element.js";
+import { nothing } from "lit-html";
+//# sourceMappingURL=LionIcon.d.ts.map

package/dist-types/components/icon/src/LionIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LionIcon.d.ts","sourceRoot":"","sources":["../../../../components/icon/src/LionIcon.js"],"names":[],"mappings":"AA6BA;;GAEG;AACH;IACE;QAEI;;;WAGG;;;;QAIH;;;WAGG;;;;;;QAMH;;;WAGG;;;;;QAKH;;WAEG;;;;;;MAON;IAED,+CA6BC;IAIC,aAAiB;IACjB,kBAAmB;IACnB,eAAgB;IAChB;;;OAGG;IACH,cAAoB;IAetB,+CAEC;IAQD;;;;OAIG;IACH,sFAOC;IAED;;OAEG;IACH,mFAEC;IAED,iBAAiB;IACjB,kCAOC;IAED;;;OAGG;IACH,gCAHW,cAAc,iBAAU,QASlC;IAED,iBAAiB;IAEjB,kCAEC;IAED;;;OAGG;IACH,uCAHW,MAAM,iBAkBhB;CACF;6BAvMY,OAAO,KAAK,EAAE,cAAc;0CACZ,oBAAoB,WAAY,MAAM,EAAE,KAAK,MAAM,KAAK,MAAM"}

package/dist-types/components/icon/src/icons.d.ts

@@ -0,0 +1,3 @@
+export function setIcons(newIcons: any): void;
+export let icons: any;
+//# sourceMappingURL=icons.d.ts.map

package/dist-types/components/icon/src/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../components/icon/src/icons.js"],"names":[],"mappings":"AAOA,8CAEC;AALD,sBAAyF"}