@shoper/phoenix_design_system 1.2.1 → 1.2.3-1

package/build/cjs/packages/phoenix/src/components/toggle/toggle_button.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var btn_controller = require('../../controllers/btn_controller/btn_controller.js');
-var observer = require('../../core/classes/observer/observer.js');
-var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
-var visibility_controller = require('../../controllers/visibility_controller/visibility_controller.js');
-var toggle_constants = require('./toggle_constants.js');
-
-exports.HToggleBtn = class HToggleBtn extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.action = toggle_constants.TOGGLE_ACTIONS.collapse;
-        this._visibility = {
-            collapse: (isOpened) => {
-                isOpened ? this._visibilityController.show() : this._visibilityController.hide();
-            },
-            expand: (isOpened) => {
-                isOpened ? this._visibilityController.hide() : this._visibilityController.show();
-            }
-        };
-        this._dispatchToggleEvent = () => {
-            this.dispatchEvent(new CustomEvent(toggle_constants.TOGGLE_EVENT_NAME, {
-                bubbles: true
-            }));
-        };
-        this._btnController = new btn_controller.BtnController(this, this._dispatchToggleEvent);
-        this._visibilityController = new visibility_controller.VisibilityController(this);
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        this._toggleContextConsumer = new context_consumer_controller.ContextConsumerController(this);
-        this._opened$ = await this._toggleContextConsumer.consumeAsync(toggle_constants.TOGGLE_CONTEXT_NAME);
-        this._openedObserver = new observer.Observer((isOpened) => {
-            this._visibility[this.action](isOpened);
-        });
-        this._opened$.subscribe(this._openedObserver);
-        this.addEventListener('click', this._dispatchToggleEvent);
-    }
-    disconnectedCallback() {
-        this._opened$.unsubscribe(this._openedObserver);
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HToggleBtn.prototype, "action", void 0);
-exports.HToggleBtn = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-toggle-btn'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HToggleBtn);
-//# sourceMappingURL=toggle_button.js.map

package/build/cjs/packages/phoenix/src/components/toggle/toggle_constants.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const TOGGLE_ACTIONS = {
-    expand: 'expand',
-    collapse: 'collapse'
-};
-const TOGGLE_CONTEXT_NAME = 'opened';
-const TOGGLE_EVENT_NAME = 'toggle';
-
-exports.TOGGLE_ACTIONS = TOGGLE_ACTIONS;
-exports.TOGGLE_CONTEXT_NAME = TOGGLE_CONTEXT_NAME;
-exports.TOGGLE_EVENT_NAME = TOGGLE_EVENT_NAME;
-//# sourceMappingURL=toggle_constants.js.map

package/build/esm/external/lit/external/lit-html/directives/template-content.js

@@ -1,11 +0,0 @@
-import { noChange as x } from '../lit-html.js';
-import { directive as e, Directive as i, PartType as t } from '../directive.js';
-
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const o=e(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.CHILD)throw Error("templateContent can only be used in child bindings")}render(r){return this.ft===r?x:(this.ft=r,document.importNode(r.content,!0))}});
-
-export { o as templateContent };
-//# sourceMappingURL=template-content.js.map

package/build/esm/packages/phoenix/src/components/form/select/select_types.d.ts

@@ -1,2 +0,0 @@
-import { SELECT_TYPES } from "./select_constants";
-export declare type TSelectType = typeof SELECT_TYPES[keyof typeof SELECT_TYPES];

package/build/esm/packages/phoenix/src/components/form/select/select_types.js

@@ -1,2 +0,0 @@
-import '@phoenixRoot/components/form/select/select_constants';
-//# sourceMappingURL=select_types.js.map

package/build/esm/packages/phoenix/src/components/form/select/select_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/select/select_types.ts"],"names":[],"mappings":"AAAA,OAA6B,sDAAsD,CAAC"}

package/build/esm/packages/phoenix/src/components/toggle/toggle.d.ts

@@ -1,11 +0,0 @@
-import { IToggle } from './toggle_types';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HToggle extends PhoenixLightLitElement implements IToggle {
-    opened: boolean;
-    private _toggleContext;
-    private _reactiveOpened;
-    private _$content;
-    connectedCallback(): void;
-    toggle(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/build/esm/packages/phoenix/src/components/toggle/toggle.js

@@ -1,41 +0,0 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { html, nothing } from 'lit';
-import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
-import { ContextProviderController } from '../../core/context/context_provider_controller.js';
-import { templateContent as o } from '../../../../../external/lit/external/lit-html/directives/template-content.js';
-import { TOGGLE_CONTEXT_NAME, TOGGLE_EVENT_NAME } from './toggle_constants.js';
-
-let HToggle = class HToggle extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.opened = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._reactiveOpened = new BehaviorSubject(this.opened);
-        this._toggleContext = new ContextProviderController(this);
-        this._$content = this.querySelector('template');
-        this._toggleContext.provide(TOGGLE_CONTEXT_NAME, this._reactiveOpened);
-        this.addEventListener(TOGGLE_EVENT_NAME, this.toggle);
-    }
-    toggle() {
-        this.opened = !this.opened;
-        this._reactiveOpened.notify(this.opened);
-    }
-    render() {
-        return html `${this.opened && this._$content ? o(this._$content) : nothing}`;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Object)
-], HToggle.prototype, "opened", void 0);
-HToggle = __decorate([
-    phoenixCustomElement('h-toggle')
-], HToggle);
-
-export { HToggle };
-//# sourceMappingURL=toggle.js.map

package/build/esm/packages/phoenix/src/components/toggle/toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,8EAAsF;AAC3H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/toggle/toggle_button.d.ts

@@ -1,14 +0,0 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HToggleBtn extends PhoenixLightLitElement {
-    private _toggleContextConsumer;
-    private _btnController;
-    private _visibilityController;
-    private _opened$;
-    private _openedObserver;
-    action: "collapse";
-    private _visibility;
-    constructor();
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
-    private _dispatchToggleEvent;
-}

package/build/esm/packages/phoenix/src/components/toggle/toggle_button.js

@@ -1,55 +0,0 @@
-import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { BtnController } from '../../controllers/btn_controller/btn_controller.js';
-import { Observer } from '../../core/classes/observer/observer.js';
-import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
-import { VisibilityController } from '../../controllers/visibility_controller/visibility_controller.js';
-import { TOGGLE_ACTIONS, TOGGLE_EVENT_NAME, TOGGLE_CONTEXT_NAME } from './toggle_constants.js';
-
-let HToggleBtn = class HToggleBtn extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.action = TOGGLE_ACTIONS.collapse;
-        this._visibility = {
-            collapse: (isOpened) => {
-                isOpened ? this._visibilityController.show() : this._visibilityController.hide();
-            },
-            expand: (isOpened) => {
-                isOpened ? this._visibilityController.hide() : this._visibilityController.show();
-            }
-        };
-        this._dispatchToggleEvent = () => {
-            this.dispatchEvent(new CustomEvent(TOGGLE_EVENT_NAME, {
-                bubbles: true
-            }));
-        };
-        this._btnController = new BtnController(this, this._dispatchToggleEvent);
-        this._visibilityController = new VisibilityController(this);
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        this._toggleContextConsumer = new ContextConsumerController(this);
-        this._opened$ = await this._toggleContextConsumer.consumeAsync(TOGGLE_CONTEXT_NAME);
-        this._openedObserver = new Observer((isOpened) => {
-            this._visibility[this.action](isOpened);
-        });
-        this._opened$.subscribe(this._openedObserver);
-        this.addEventListener('click', this._dispatchToggleEvent);
-    }
-    disconnectedCallback() {
-        this._opened$.unsubscribe(this._openedObserver);
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], HToggleBtn.prototype, "action", void 0);
-HToggleBtn = __decorate([
-    phoenixCustomElement('h-toggle-btn'),
-    __metadata("design:paramtypes", [])
-], HToggleBtn);
-
-export { HToggleBtn };
-//# sourceMappingURL=toggle_button.js.map

package/build/esm/packages/phoenix/src/components/toggle/toggle_constants.d.ts

@@ -1,6 +0,0 @@
-export declare const TOGGLE_ACTIONS: {
-    readonly expand: "expand";
-    readonly collapse: "collapse";
-};
-export declare const TOGGLE_CONTEXT_NAME = "opened";
-export declare const TOGGLE_EVENT_NAME = "toggle";

package/build/esm/packages/phoenix/src/components/toggle/toggle_constants.js

@@ -1,9 +0,0 @@
-const TOGGLE_ACTIONS = {
-    expand: 'expand',
-    collapse: 'collapse'
-};
-const TOGGLE_CONTEXT_NAME = 'opened';
-const TOGGLE_EVENT_NAME = 'toggle';
-
-export { TOGGLE_ACTIONS, TOGGLE_CONTEXT_NAME, TOGGLE_EVENT_NAME };
-//# sourceMappingURL=toggle_constants.js.map

package/build/esm/packages/phoenix/src/components/toggle/toggle_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/toggle/toggle_types.d.ts

@@ -1,3 +0,0 @@
-export interface IToggle {
-    toggle(): void;
-}

package/build/esm/packages/phoenix/src/components/toggle/toggle_types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=toggle_types.js.map

package/build/esm/packages/phoenix/src/components/toggle/toggle_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle_types.js","sourceRoot":"","sources":["../../../../../../../src/components/toggle/toggle_types.ts"],"names":[],"mappings":""}