@six-group/ui-library 0.0.0-insider.c8fa9a3 → 0.0.0-insider.cc02aea

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;AAOG;AACG,SAAU,SAAS,CAAC,OAAe,EAAE,SAAqB,EAAE,QAAiB,EAAE,QAAiB,EAAA;IACpG,MAAM,IAAI,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,MAAA,GAAA,SAAS,GAAI,MAAM;AAChC,IAAA,MAAM,IAAI,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,OAAO,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;QAC/D,IAAI;QACJ,QAAQ,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,WAAW,CAAC,IAAI,CAAC;QACvC,SAAS,EAAE,yBAAyB,IAAI,CAAA,WAAA,EAAc,UAAU,CAAC,OAAO,CAAC,CAAE,CAAA;AAC3E,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACF,IAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,KAAK,CAAC,KAAK,EAAE;AACf;AAEA,SAAS,UAAU,CAAC,IAAY,EAAA;IAC9B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACzC,IAAA,GAAG,CAAC,WAAW,GAAG,IAAI;IACtB,OAAO,GAAG,CAAC,SAAS;AACtB;AAEA,SAAS,OAAO,CAAC,WAAsB,EAAA;IACrC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,cAAc;AACvB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,SAAS;AAClB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ;;AAErB;AAEA,SAAS,WAAW,CAAC,WAAsB,EAAA;IACzC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,KAAK;;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/utils/alert.ts"],"sourcesContent":["import { AlertType } from '../components/six-alert/six-alert';\n\n/**\n * Displays an alert on the toast stack with a specified message and optional configuration.\n *\n * @param message - The message to be displayed in the alert.\n * @param alertType - The type of the alert. Valid values are 'primary', 'info', 'success', 'warning', 'danger'. Default is 'info'.\n * @param duration - The duration in milliseconds for which the alert is displayed. If not provided, a default duration is set based on the alert type.\n * @param iconName - The name of the icon to be displayed in the alert. If not provided, a default icon is set based on the alert type.\n */\nexport function showAlert(message: string, alertType?: AlertType, duration?: number, iconName?: string): void {\n  const type = alertType ?? 'info';\n  const icon = iconName ?? getIcon(type);\n  const alert = Object.assign(document.createElement('six-alert'), {\n    type,\n    duration: duration ?? getDuration(type),\n    innerHTML: `<six-icon slot=\"icon\">${icon}</six-icon>${escapeHtml(message)}`,\n    closable: true,\n  });\n  document.body.append(alert);\n  alert.toast();\n}\n\nfunction escapeHtml(html: string): string {\n  const div = document.createElement('div');\n  div.textContent = html;\n  return div.innerHTML;\n}\n\nfunction getIcon(messageType: AlertType): string {\n  switch (messageType) {\n    case 'primary':\n      return 'info';\n    case 'info':\n      return 'info';\n    case 'success':\n      return 'check_circle';\n    case 'warning':\n      return 'warning';\n    case 'danger':\n      return 'report';\n  }\n}\n\nfunction getDuration(messageType: AlertType): number {\n  switch (messageType) {\n    case 'primary':\n      return 10000;\n    case 'info':\n      return 10000;\n    case 'success':\n      return 10000;\n    case 'warning':\n      return 20000;\n    case 'danger':\n      return 20000;\n  }\n}\n"],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;AAOG;AACG,SAAU,SAAS,CAAC,OAAe,EAAE,SAAqB,EAAE,QAAiB,EAAE,QAAiB,EAAA;IACpG,MAAM,IAAI,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,MAAA,GAAA,SAAS,GAAI,MAAM;AAChC,IAAA,MAAM,IAAI,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,OAAO,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;QAC/D,IAAI;QACJ,QAAQ,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,WAAW,CAAC,IAAI,CAAC;QACvC,SAAS,EAAE,yBAAyB,IAAI,CAAA,WAAA,EAAc,UAAU,CAAC,OAAO,CAAC,CAAE,CAAA;AAC3E,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACF,IAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,KAAK,CAAC,KAAK,EAAE;AACf;AAEA,SAAS,UAAU,CAAC,IAAY,EAAA;IAC9B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACzC,IAAA,GAAG,CAAC,WAAW,GAAG,IAAI;IACtB,OAAO,GAAG,CAAC,SAAS;AACtB;AAEA,SAAS,OAAO,CAAC,WAAsB,EAAA;IACrC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,cAAc;AACvB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,SAAS;AAClB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ;;AAErB;AAEA,SAAS,WAAW,CAAC,WAAsB,EAAA;IACzC,QAAQ,WAAW;AACjB,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,KAAK;;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/utils/alert.ts"],"sourcesContent":["import { AlertType } from '../components/six-alert/six-alert';\n\n/**\n * Displays an alert on the toast stack with a specified message and optional configuration.\n *\n * @param message - The message to be displayed in the alert.\n * @param alertType - The type of the alert. Valid values are 'primary', 'info', 'success', 'warning', 'danger'. Default is 'info'.\n * @param duration - The duration in milliseconds for which the alert is displayed. If not provided, a default duration is set based on the alert type.\n * @param iconName - The name of the icon to be displayed in the alert. If not provided, a default icon is set based on the alert type.\n */\nexport function showAlert(message: string, alertType?: AlertType, duration?: number, iconName?: string): void {\n  const type = alertType ?? 'info';\n  const icon = iconName ?? getIcon(type);\n  const alert = Object.assign(document.createElement('six-alert'), {\n    type,\n    duration: duration ?? getDuration(type),\n    innerHTML: `<six-icon slot=\"icon\">${icon}</six-icon>${escapeHtml(message)}`,\n    closable: true,\n  });\n  document.body.append(alert);\n  alert.toast();\n}\n\nfunction escapeHtml(html: string): string {\n  const div = document.createElement('div');\n  div.textContent = html;\n  return div.innerHTML;\n}\n\nfunction getIcon(messageType: AlertType): string {\n  switch (messageType) {\n    case 'primary':\n      return 'info';\n    case 'info':\n      return 'info';\n    case 'success':\n      return 'check_circle';\n    case 'warning':\n      return 'warning';\n    case 'danger':\n      return 'report';\n  }\n}\n\nfunction getDuration(messageType: AlertType): number {\n  switch (messageType) {\n    case 'primary':\n      return 10000;\n    case 'info':\n      return 10000;\n    case 'success':\n      return 10000;\n    case 'warning':\n      return 20000;\n    case 'danger':\n      return 20000;\n  }\n}\n"],"version":3}

package/dist/components/p-BFxDUwBI.js

@@ -0,0 +1,507 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-D512q9rn.js';
+import { D as DEFAULT_DEBOUNCE_FAST, b as DEFAULT_DEBOUNCE_INSANELY_FAST, a as debounce } from './p-CKhg9ibv.js';
+import { E as EventListeners } from './p-C4h4qpGl.js';
+import { d as defineCustomElement$1 } from './p-C84iXIFp.js';
+
+// eslint-disable-next-line @stencil-community/ban-exported-const-enums
+var ItemPickerType;
+(function (ItemPickerType) {
+    ItemPickerType["NUMBER"] = "number";
+    ItemPickerType["LETTER"] = "letter";
+    ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
+    ItemPickerType["LOWER_LETTER"] = "lower-letter";
+    ItemPickerType["CUSTOM"] = "custom";
+})(ItemPickerType || (ItemPickerType = {}));
+// eslint-disable-next-line @stencil-community/ban-exported-const-enums
+var ItemPickerPaddingDirection;
+(function (ItemPickerPaddingDirection) {
+    ItemPickerPaddingDirection["BEFORE"] = "before";
+    ItemPickerPaddingDirection["AFTER"] = "after";
+})(ItemPickerPaddingDirection || (ItemPickerPaddingDirection = {}));
+
+const sixItemPickerCss = ".item_picker__container{width:2.5em;display:flex;flex-wrap:wrap;justify-content:center}.item_picker__container:focus-visible{outline:var(--six-focus-ring);outline-offset:0}.item_picker__content{font-size:1.5rem}.item_picker__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--six-color-web-rock-500)}.item_picker__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.item_picker__btn:active{color:var(--six-color-web-rock-400)}.item_picker__btn--disabled{color:var(--six-color-web-rock-300);cursor:not-allowed}.item_picker__btn--disabled:hover{background-color:initial}.item_picker__btn--disabled:active{color:var(--six-color-web-rock-300)}.item_picker__btn:focus-visible{outline:var(--six-focus-ring);outline-offset:0}";
+
+const uppercaseLetters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+const upperAndLowercaseLetters = [...uppercaseLetters].flatMap((c) => [c, c.toLowerCase()]);
+const ALPHABET = {
+    alphabet: upperAndLowercaseLetters,
+    letterIndexes: Object.fromEntries(upperAndLowercaseLetters.map((c, i) => [c, i])),
+};
+const CAPITAL_ALPHABET = {
+    alphabet: [...uppercaseLetters].flatMap((c) => [c]),
+    letterIndexes: Object.fromEntries([...uppercaseLetters].map((c, i) => [c, i])),
+};
+const LOWERCASE_ALPHABET = {
+    alphabet: [...uppercaseLetters.toLowerCase()].flatMap((c) => [c]),
+    letterIndexes: Object.fromEntries([...uppercaseLetters.toLowerCase()].map((c, i) => [c, i])),
+};
+const createItemIndexes = (arr) => {
+    return Object.fromEntries([...arr].map((c, i) => [c, i]));
+};
+const TAG = `[SIX-ITEM-PICKER]`;
+const subtract = (a, b) => a - b;
+const add = (a, b) => a + b;
+const DEBOUNCE_ITEM_PICKER_LISTENER = 'debounced-item-picker';
+const SixItemPicker = /*@__PURE__*/ proxyCustomElement(class SixItemPicker extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.sixChange = createEvent(this, "six-item-picker-change");
+        this.sixChangeDebounced = createEvent(this, "six-item-picker-change-debounced");
+        this.eventListeners = new EventListeners();
+        /** The item picker's value attribute. */
+        this.value = '';
+        /** The type of items you want to rotate through. */
+        this.type = ItemPickerType.NUMBER;
+        /** Define whether the picker should to a roundtrip i.e. start at max when reaching min and vice versa. */
+        // eslint-disable-next-line @stencil-community/ban-default-true
+        this.roundtrip = true;
+        /** Defines how many steps should be taken when navigating */
+        this.step = 1;
+        /** Defines whether the items should be padded */
+        this.padded = false;
+        /** Defines the length of the padded area */
+        this.paddingLength = 2;
+        /** Defines the character used for padding */
+        this.paddingChar = '0';
+        /** Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default,
+         * before is selected */
+        this.paddingDirection = ItemPickerPaddingDirection.BEFORE;
+        /**
+         * Set the amount of time, in milliseconds, to wait to trigger faster switching between items.
+         */
+        this.timeout = DEFAULT_DEBOUNCE_FAST;
+        /**
+         * Set the amount of time, in milliseconds, to wait between switching to next item when mouse button is held pressed.
+         */
+        this.interval = DEFAULT_DEBOUNCE_INSANELY_FAST;
+        /**
+         * Set the amount of time, in milliseconds, to wait to trigger the `six-item-picker-change-debounced` event.
+         * If you want your change debounce event to not trigger when keeping the nav button pressed before, make sure debounce
+         * is a bit bigger than timeout, otherwise keeping the button pressed will trigger the event twice: once you click
+         * (and keep pressed) and once you release
+         */
+        this.debounce = DEFAULT_DEBOUNCE_FAST;
+        this._items = [];
+        this._itemIndexes = {};
+        this.handleSixItemPickerChangeDebounced = () => {
+            this.sixChangeDebounced.emit(this.value);
+        };
+    }
+    handleValueChange() {
+        this.setup();
+    }
+    debounceChanged() {
+        this.eventListeners.removeByIdentifier(DEBOUNCE_ITEM_PICKER_LISTENER);
+        this.eventListeners.add(this.host, 'six-item-picker-change', debounce(this.handleSixItemPickerChangeDebounced, this.debounce), DEBOUNCE_ITEM_PICKER_LISTENER);
+    }
+    handleSetChange() {
+        this.setup();
+        this.min = this._items[0];
+        this.max = this.getLastStringItem();
+    }
+    componentWillLoad() {
+        this.setup();
+    }
+    componentDidLoad() {
+        this.eventListeners.add(this.host, 'six-item-picker-change', debounce(this.handleSixItemPickerChangeDebounced, this.debounce), DEBOUNCE_ITEM_PICKER_LISTENER);
+    }
+    disconnectedCallback() {
+        this.eventListeners.removeAll();
+    }
+    setup() {
+        if (this.isNumber()) {
+            this.setupNumberItems();
+        }
+        else {
+            this.setUpStringItems();
+        }
+    }
+    setupNumberItems() {
+        var _a;
+        if (this.isInvalidNumber()) {
+            console.warn(`${TAG} Expected number but value is not a number: "${this.value}"`);
+            console.info(`${TAG} Will set value to either minimum or if not provided to zero.`);
+            this.value = (_a = this.min) !== null && _a !== void 0 ? _a : 0;
+        }
+    }
+    setUpStringItems() {
+        this._items = this.getStringItems();
+        this._itemIndexes = this.getItemIndexes();
+        const itemsMissValue = this._items.find((i) => String(i) === String(this.value)) === undefined;
+        if (itemsMissValue) {
+            console.warn(`${TAG} Expected item from item set but value was not found in set: "${this.value}"`);
+            console.info(`${TAG} Will set value to either minimum or if not provided to "${this._items[0]}".`);
+            this.value = this._items[0];
+        }
+        if (this.min === undefined) {
+            if (!this.roundtrip) {
+                console.warn(`${TAG} Expected a min value`);
+                console.info(`${TAG} Will set min value to ${this._items[0]}`);
+            }
+            this.min = this._items[0];
+        }
+        if (this.max === undefined) {
+            const maxItem = this.getLastStringItem();
+            if (!this.roundtrip) {
+                console.warn(`${TAG} Expected a min value if roundtrip is enabled`);
+                console.info(`${TAG} Will set min value to ${maxItem}`);
+            }
+            this.max = maxItem;
+        }
+    }
+    getLastStringItem() {
+        return this._items[this._items.length - 1];
+    }
+    getStringItems() {
+        switch (this.type) {
+            case ItemPickerType.NUMBER:
+                console.warn(`${TAG}: unexpected type ${this.type}`);
+                return [];
+            case ItemPickerType.LETTER:
+                return ALPHABET.alphabet;
+            case ItemPickerType.CAPITAL_LETTER:
+                return CAPITAL_ALPHABET.alphabet;
+            case ItemPickerType.LOWER_LETTER:
+                return LOWERCASE_ALPHABET.alphabet;
+            case ItemPickerType.CUSTOM:
+                if (this.items == null || this.items.length === 0) {
+                    console.warn(`${TAG}: no items defined for type ${this.type}`);
+                    return [];
+                }
+                return this.items;
+        }
+    }
+    getItemIndexes() {
+        switch (this.type) {
+            case ItemPickerType.NUMBER:
+                console.warn(`${TAG}: unexpected type ${this.type}`);
+                return {};
+            case ItemPickerType.LETTER:
+                return ALPHABET.letterIndexes;
+            case ItemPickerType.CAPITAL_LETTER:
+                return CAPITAL_ALPHABET.letterIndexes;
+            case ItemPickerType.LOWER_LETTER:
+                return LOWERCASE_ALPHABET.letterIndexes;
+            case ItemPickerType.CUSTOM:
+                return createItemIndexes(this._items);
+        }
+    }
+    previousItem() {
+        if (this.isNumber()) {
+            this.previousNumber();
+        }
+        else {
+            this.previousStringItem();
+        }
+        this.sixChange.emit(this.value);
+    }
+    previousNumber() {
+        this.changeValue({
+            isNextItemAllowed: () => !this.isPreviousNumberDisabled(),
+            getNextItem: () => Number(this.value) - this.step,
+            getRoundtripItem: () => Number(this.max),
+            isRoundtripPossible: () => this.max === undefined && this.roundtrip,
+        });
+    }
+    previousStringItem() {
+        const value = String(this.value);
+        const minLetter = String(this.min);
+        this.changeValue({
+            isNextItemAllowed: () => minLetter === undefined || this.getStringItemIndex(value) > this.getStringItemIndex(minLetter),
+            getNextItem: () => this.getNextItemByOperation(subtract),
+            getRoundtripItem: () => String(this.max),
+            isRoundtripPossible: () => this.max == null && this.roundtrip,
+        });
+    }
+    nextItem() {
+        if (this.isNumber()) {
+            this.nextNumber();
+        }
+        else {
+            this.nextStringItem();
+        }
+        this.sixChange.emit(this.value);
+    }
+    nextNumber() {
+        this.changeValue({
+            isNextItemAllowed: () => !this.isNextNumberDisabled(),
+            getNextItem: () => Number(this.value) + this.step,
+            getRoundtripItem: () => Number(this.min),
+            isRoundtripPossible: () => this.min === undefined && this.roundtrip,
+        });
+    }
+    getStringItemIndex(char) {
+        return this._itemIndexes[char];
+    }
+    nextStringItem() {
+        const value = String(this.value);
+        const maxLetter = String(this.max);
+        this.changeValue({
+            isNextItemAllowed: () => maxLetter === undefined || this.getStringItemIndex(value) < this.getStringItemIndex(maxLetter),
+            getNextItem: () => this.getNextItemByOperation(add),
+            getRoundtripItem: () => String(this.min),
+            isRoundtripPossible: () => this.min === undefined && this.roundtrip,
+        });
+    }
+    getNextItemByOperation(operation, increment = this.step) {
+        const value = String(this.value);
+        const nextIndexCandidate = operation(this.getStringItemIndex(value), increment);
+        const numberOfItems = this._items.length;
+        const nextIndex = ((nextIndexCandidate % numberOfItems) + numberOfItems) % numberOfItems;
+        return this._items[nextIndex];
+    }
+    changeValue(params) {
+        if (params.isNextItemAllowed()) {
+            this.value = params.getNextItem();
+            return;
+        }
+        if (params.isRoundtripPossible()) {
+            console.error(`${TAG} Item picker is expected to perform a roundtrip, but either max or min value is missing so a roundtrip is not possible`);
+            return;
+        }
+        if (this.roundtrip) {
+            this.value = params.getRoundtripItem();
+            return;
+        }
+        console.warn(`${TAG} Roundtrip is not allowed, but was still triggered, please report this issue to the developer of six-item-picker`);
+        this.sixChange.emit(this.value);
+    }
+    isNumber() {
+        return this.type === ItemPickerType.NUMBER;
+    }
+    isInvalidNumber() {
+        return this.value === '' || isNaN(this.value);
+    }
+    isNextDisabled() {
+        if (this.roundtrip) {
+            return false;
+        }
+        if (this.isNumber()) {
+            return this.isNextNumberDisabled();
+        }
+        else {
+            return this._itemIndexes[String(this.value)] + this.step > this._itemIndexes[String(this.max)];
+        }
+    }
+    isNextNumberDisabled() {
+        var _a;
+        return Number(this.value) + this.step > Number((_a = this.max) !== null && _a !== void 0 ? _a : Infinity);
+    }
+    isPrevDisabled() {
+        if (this.roundtrip) {
+            return false;
+        }
+        if (this.isNumber()) {
+            return this.isPreviousNumberDisabled();
+        }
+        else {
+            return this._itemIndexes[String(this.value)] - this.step < this._itemIndexes[String(this.min)];
+        }
+    }
+    isPreviousNumberDisabled() {
+        var _a;
+        return Number(this.value) - this.step < Number((_a = this.min) !== null && _a !== void 0 ? _a : -Infinity);
+    }
+    onMouseDownNext() {
+        if (this.isNextDisabled()) {
+            return;
+        }
+        this.nextItem();
+        this._timeoutNext = setTimeout(() => {
+            this._intervalNext = setInterval(() => {
+                this.nextItem();
+            }, this.interval);
+        }, this.timeout);
+    }
+    onMouseUpNext() {
+        clearTimeout(this._timeoutNext);
+        clearInterval(this._intervalNext);
+    }
+    onMouseDownPrev() {
+        if (this.isPrevDisabled()) {
+            return;
+        }
+        this.previousItem();
+        this._timeoutPrev = setTimeout(() => {
+            this._intervalPrev = setInterval(() => {
+                this.previousItem();
+            }, this.interval);
+        }, this.timeout);
+    }
+    onMouseUpPrev() {
+        clearTimeout(this._timeoutPrev);
+        clearInterval(this._intervalPrev);
+    }
+    getFormattedValue() {
+        if (this.value === undefined || this.value === null) {
+            return this.value;
+        }
+        if (!this.padded) {
+            return this.value;
+        }
+        if (this.paddingDirection === ItemPickerPaddingDirection.BEFORE) {
+            return String(this.value).padStart(this.paddingLength, this.paddingChar);
+        }
+        else if (this.paddingDirection === ItemPickerPaddingDirection.AFTER) {
+            return String(this.value).padEnd(this.paddingLength, this.paddingChar);
+        }
+        return this.value;
+    }
+    handleKeyPress(event) {
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            if (event.target === this.upButton) {
+                this.nextItem();
+            }
+            else if (event.target === this.downButton) {
+                this.previousItem();
+            }
+        }
+        else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            this.nextItem();
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            this.previousItem();
+        }
+        else if (event.key === 'PageUp') {
+            event.preventDefault();
+            this.pageUp();
+        }
+        else if (event.key === 'PageDown') {
+            event.preventDefault();
+            this.pageDown();
+        }
+        else if (event.key === 'Home') {
+            event.preventDefault();
+            this.goToMin();
+        }
+        else if (event.key === 'End') {
+            event.preventDefault();
+            this.goToMax();
+        }
+    }
+    pageUp() {
+        if (this.isNumber()) {
+            this.changeValue({
+                isNextItemAllowed: () => !this.isNextNumberDisabled(),
+                getNextItem: () => Number(this.value) + 5 * this.step,
+                getRoundtripItem: () => Number(this.min),
+                isRoundtripPossible: () => this.min === undefined && this.roundtrip,
+            });
+        }
+        else {
+            const value = String(this.value);
+            const minLetter = String(this.min);
+            this.changeValue({
+                isNextItemAllowed: () => minLetter === undefined || this.getStringItemIndex(value) > this.getStringItemIndex(minLetter),
+                getNextItem: () => this.getNextItemByOperation(add, 5),
+                getRoundtripItem: () => String(this.min),
+                isRoundtripPossible: () => this.min === undefined && this.roundtrip,
+            });
+        }
+    }
+    pageDown() {
+        if (this.isNumber()) {
+            this.changeValue({
+                isNextItemAllowed: () => !this.isPreviousNumberDisabled(),
+                getNextItem: () => Number(this.value) - 5 * this.step,
+                getRoundtripItem: () => Number(this.max),
+                isRoundtripPossible: () => this.max === undefined && this.roundtrip,
+            });
+        }
+        else {
+            const value = String(this.value);
+            const maxLetter = String(this.max);
+            this.changeValue({
+                isNextItemAllowed: () => maxLetter === undefined || this.getStringItemIndex(value) < this.getStringItemIndex(maxLetter),
+                getNextItem: () => this.getNextItemByOperation(subtract, 5),
+                getRoundtripItem: () => String(this.max),
+                isRoundtripPossible: () => this.max == null && this.roundtrip,
+            });
+        }
+    }
+    goToMin() {
+        var _a;
+        if (this.isNumber()) {
+            this.value = (_a = this.min) !== null && _a !== void 0 ? _a : 0;
+        }
+        else {
+            this.value = this._items[0];
+        }
+        this.sixChange.emit(this.value);
+    }
+    goToMax() {
+        var _a;
+        if (this.isNumber()) {
+            this.value = (_a = this.max) !== null && _a !== void 0 ? _a : Infinity;
+        }
+        else {
+            this.value = this.getLastStringItem();
+        }
+        this.sixChange.emit(this.value);
+    }
+    render() {
+        return (h("div", { key: '9696809f37fa9db9f3b3212ea6c21cccb648ccab', part: "container", class: "item_picker__container", onKeyDown: (event) => this.handleKeyPress(event), tabindex: "0" }, h("div", { key: '5864af2b6f193d090e3411c8cd54842f58fe6609', ref: (el) => (this.upButton = el), part: "up", class: {
+                item_picker__btn: true,
+                'item_picker__btn--disabled': this.isNextDisabled(),
+            }, onMouseDown: () => this.onMouseDownNext(), onMouseUp: () => this.onMouseUpNext(), tabindex: "-1" }, h("six-icon", { key: '37ac08eea928d8eaa2b3113879bd48a422261bb2', size: "large" }, "expand_less")), h("div", { key: '54948f29b05477d73228d00825c0b10b2f62d8bb', part: "content", class: "item_picker__content" }, this.getFormattedValue()), h("div", { key: '911a69c54e9151dd508d962867642e38eb8f0652', ref: (el) => (this.downButton = el), part: "down", class: {
+                item_picker__btn: true,
+                'item_picker__btn--disabled': this.isPrevDisabled(),
+            }, onMouseDown: () => this.onMouseDownPrev(), onMouseUp: () => this.onMouseUpPrev(), tabindex: "-1" }, h("six-icon", { key: '86785c1389e748d3a3c54dd09d5b8fc892882ee8', size: "large" }, "expand_more"))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "value": ["handleValueChange"],
+        "debounce": ["debounceChanged"],
+        "items": ["handleSetChange"]
+    }; }
+    static get style() { return sixItemPickerCss; }
+}, [1, "six-item-picker", {
+        "value": [1544],
+        "type": [1],
+        "min": [1544],
+        "max": [1544],
+        "roundtrip": [516],
+        "step": [514],
+        "items": [16],
+        "padded": [4],
+        "paddingLength": [2, "padding-length"],
+        "paddingChar": [1, "padding-char"],
+        "paddingDirection": [1, "padding-direction"],
+        "timeout": [2],
+        "interval": [2],
+        "debounce": [2],
+        "_items": [32],
+        "_itemIndexes": [32]
+    }, undefined, {
+        "value": ["handleValueChange"],
+        "debounce": ["debounceChanged"],
+        "items": ["handleSetChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-item-picker", "six-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-item-picker":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixItemPicker);
+            }
+            break;
+        case "six-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { ItemPickerType as I, SixItemPicker as S, defineCustomElement as d };
+//# sourceMappingURL=p-BFxDUwBI.js.map
+
+//# sourceMappingURL=p-BFxDUwBI.js.map

package/dist/components/p-BFxDUwBI.js.map

@@ -0,0 +1 @@
+{"file":"p-BFxDUwBI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-item-picker/types.ts","src/components/six-item-picker/six-item-picker.scss?tag=six-item-picker&encapsulation=shadow","src/components/six-item-picker/six-item-picker.tsx"],"sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum ItemPickerType {\n  NUMBER = 'number',\n  LETTER = 'letter',\n  CAPITAL_LETTER = 'capital-letter',\n  LOWER_LETTER = 'lower-letter',\n  CUSTOM = 'custom',\n}\n\n// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum ItemPickerPaddingDirection {\n  BEFORE = 'before',\n  AFTER = 'after',\n}\n",".item_picker {\n  &__container {\n    width: 2.5em;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n\n    &:focus-visible {\n      outline: var(--six-focus-ring);\n      outline-offset: 0;\n    }\n  }\n\n  &__content {\n    font-size: 1.5rem;\n  }\n\n  &__btn {\n    cursor: pointer;\n    width: 2.5em;\n    height: 2.5em;\n    display: flex;\n    vertical-align: middle;\n    align-items: center;\n    justify-content: center;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    color: var(--six-color-web-rock-500);\n\n    &:hover {\n      background-color: var(--six-color-web-rock-100);\n      border-radius: 100%;\n    }\n\n    &:active {\n      color: var(--six-color-web-rock-400);\n    }\n\n    &--disabled {\n      color: var(--six-color-web-rock-300);\n      cursor: not-allowed;\n\n      &:hover {\n        background-color: initial;\n      }\n\n      &:active {\n        color: var(--six-color-web-rock-300);\n      }\n    }\n\n    &:focus-visible {\n      outline: var(--six-focus-ring);\n      outline-offset: 0;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport { ItemPickerPaddingDirection, ItemPickerType } from './types';\nimport { debounce, DEFAULT_DEBOUNCE_FAST, DEFAULT_DEBOUNCE_INSANELY_FAST } from '../../utils/execution-control';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { TimePeriod } from '../../utils/time.util';\n\ninterface Alphabet {\n  alphabet: string[];\n  letterIndexes: Record<string, number>;\n}\n\nconst uppercaseLetters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';\nconst upperAndLowercaseLetters = [...uppercaseLetters].flatMap((c) => [c, c.toLowerCase()]);\nconst ALPHABET: Alphabet = {\n  alphabet: upperAndLowercaseLetters,\n  letterIndexes: Object.fromEntries(upperAndLowercaseLetters.map((c, i) => [c, i])),\n};\nconst CAPITAL_ALPHABET: Alphabet = {\n  alphabet: [...uppercaseLetters].flatMap((c) => [c]),\n  letterIndexes: Object.fromEntries([...uppercaseLetters].map((c, i) => [c, i])),\n};\nconst LOWERCASE_ALPHABET: Alphabet = {\n  alphabet: [...uppercaseLetters.toLowerCase()].flatMap((c) => [c]),\n  letterIndexes: Object.fromEntries([...uppercaseLetters.toLowerCase()].map((c, i) => [c, i])),\n};\n\nconst createItemIndexes = (arr: string[]): Record<string, number> => {\n  return Object.fromEntries([...arr].map((c, i) => [c, i]));\n};\n\nconst TAG = `[SIX-ITEM-PICKER]`;\n\nconst subtract = (a: number, b: number) => a - b;\nconst add = (a: number, b: number) => a + b;\n\nexport type SixItemPickerChangePayload = number | string | boolean | TimePeriod;\n\nconst DEBOUNCE_ITEM_PICKER_LISTENER = 'debounced-item-picker';\n\n/**\n * @since 2.0.0\n * @status experimental\n * @part container - The whole component container\n * @part up - The up button\n * @part content - The content area\n * @part down - The down button\n *\n */\n@Component({\n  tag: 'six-item-picker',\n  styleUrl: 'six-item-picker.scss',\n  shadow: true,\n})\nexport class SixItemPicker {\n  private readonly eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixItemPickerElement;\n\n  /** The item picker's value attribute. */\n  @Prop({ mutable: true, reflect: true }) value: number | string = '';\n\n  /** The type of items you want to rotate through. */\n  @Prop() type: ItemPickerType = ItemPickerType.NUMBER;\n\n  /** The minimum value allowed to pick. */\n  @Prop({ reflect: true, mutable: true }) min?: number | string;\n\n  /** The maximum value allowed to pick. */\n  @Prop({ reflect: true, mutable: true }) max?: number | string;\n\n  /** Define whether the picker should to a roundtrip i.e. start at max when reaching min and vice versa. */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop({ reflect: true }) roundtrip = true;\n\n  /** Defines how many steps should be taken when navigating */\n  @Prop({ reflect: true }) step = 1;\n\n  /** Defines a custom list of items you can iterate through */\n  @Prop() items?: string[];\n\n  /** Defines whether the items should be padded */\n  @Prop() padded = false;\n\n  /** Defines the length of the padded area */\n  @Prop() paddingLength = 2;\n\n  /** Defines the character used for padding */\n  @Prop() paddingChar = '0';\n\n  /** Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default,\n   * before is selected */\n  @Prop() paddingDirection: ItemPickerPaddingDirection = ItemPickerPaddingDirection.BEFORE;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger faster switching between items.\n   */\n  @Prop() timeout = DEFAULT_DEBOUNCE_FAST;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait between switching to next item when mouse button is held pressed.\n   */\n  @Prop() interval = DEFAULT_DEBOUNCE_INSANELY_FAST;\n\n  /**\n   * Emitted when the item picker's value changes\n   */\n  @Event({ eventName: 'six-item-picker-change' }) sixChange!: EventEmitter<SixItemPickerChangePayload>;\n\n  /**\n   * Emitted when the item picker's value changes, but debounced\n   */\n  @Event({ eventName: 'six-item-picker-change-debounced' })\n  sixChangeDebounced!: EventEmitter<SixItemPickerChangePayload>;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `six-item-picker-change-debounced` event.\n   * If you want your change debounce event to not trigger when keeping the nav button pressed before, make sure debounce\n   * is a bit bigger than timeout, otherwise keeping the button pressed will trigger the event twice: once you click\n   * (and keep pressed) and once you release\n   */\n  @Prop() debounce = DEFAULT_DEBOUNCE_FAST;\n\n  @Watch('value')\n  handleValueChange() {\n    this.setup();\n  }\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.eventListeners.removeByIdentifier(DEBOUNCE_ITEM_PICKER_LISTENER);\n    this.eventListeners.add(\n      this.host,\n      'six-item-picker-change',\n      debounce(this.handleSixItemPickerChangeDebounced, this.debounce),\n      DEBOUNCE_ITEM_PICKER_LISTENER\n    );\n  }\n\n  @Watch('items')\n  handleSetChange() {\n    this.setup();\n    this.min = this._items[0];\n    this.max = this.getLastStringItem();\n  }\n\n  @State() _items: string[] = [];\n  @State() _itemIndexes: Record<string, number> = {};\n\n  // used for fast increasing when keeping the mouse button held down\n  private _timeoutNext!: ReturnType<typeof setTimeout>;\n  private _intervalNext!: ReturnType<typeof setInterval>;\n\n  private _timeoutPrev!: ReturnType<typeof setTimeout>;\n  private _intervalPrev!: ReturnType<typeof setInterval>;\n\n  componentWillLoad() {\n    this.setup();\n  }\n\n  componentDidLoad() {\n    this.eventListeners.add(\n      this.host,\n      'six-item-picker-change',\n      debounce(this.handleSixItemPickerChangeDebounced, this.debounce),\n      DEBOUNCE_ITEM_PICKER_LISTENER\n    );\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  private handleSixItemPickerChangeDebounced = () => {\n    this.sixChangeDebounced.emit(this.value);\n  };\n\n  private setup() {\n    if (this.isNumber()) {\n      this.setupNumberItems();\n    } else {\n      this.setUpStringItems();\n    }\n  }\n\n  private setupNumberItems() {\n    if (this.isInvalidNumber()) {\n      console.warn(`${TAG} Expected number but value is not a number: \"${this.value}\"`);\n      console.info(`${TAG} Will set value to either minimum or if not provided to zero.`);\n      this.value = this.min ?? 0;\n    }\n  }\n\n  private setUpStringItems() {\n    this._items = this.getStringItems();\n    this._itemIndexes = this.getItemIndexes();\n    const itemsMissValue = this._items.find((i) => String(i) === String(this.value)) === undefined;\n    if (itemsMissValue) {\n      console.warn(`${TAG} Expected item from item set but value was not found in set: \"${this.value}\"`);\n      console.info(`${TAG} Will set value to either minimum or if not provided to \"${this._items[0]}\".`);\n      this.value = this._items[0];\n    }\n\n    if (this.min === undefined) {\n      if (!this.roundtrip) {\n        console.warn(`${TAG} Expected a min value`);\n        console.info(`${TAG} Will set min value to ${this._items[0]}`);\n      }\n      this.min = this._items[0];\n    }\n\n    if (this.max === undefined) {\n      const maxItem = this.getLastStringItem();\n      if (!this.roundtrip) {\n        console.warn(`${TAG} Expected a min value if roundtrip is enabled`);\n        console.info(`${TAG} Will set min value to ${maxItem}`);\n      }\n      this.max = maxItem;\n    }\n  }\n\n  private getLastStringItem() {\n    return this._items[this._items.length - 1];\n  }\n\n  private getStringItems(): string[] {\n    switch (this.type) {\n      case ItemPickerType.NUMBER:\n        console.warn(`${TAG}: unexpected type ${this.type}`);\n        return [];\n      case ItemPickerType.LETTER:\n        return ALPHABET.alphabet;\n      case ItemPickerType.CAPITAL_LETTER:\n        return CAPITAL_ALPHABET.alphabet;\n      case ItemPickerType.LOWER_LETTER:\n        return LOWERCASE_ALPHABET.alphabet;\n      case ItemPickerType.CUSTOM:\n        if (this.items == null || this.items.length === 0) {\n          console.warn(`${TAG}: no items defined for type ${this.type}`);\n          return [];\n        }\n        return this.items;\n    }\n  }\n\n  private getItemIndexes(): Record<string, number> {\n    switch (this.type) {\n      case ItemPickerType.NUMBER:\n        console.warn(`${TAG}: unexpected type ${this.type}`);\n        return {};\n      case ItemPickerType.LETTER:\n        return ALPHABET.letterIndexes;\n      case ItemPickerType.CAPITAL_LETTER:\n        return CAPITAL_ALPHABET.letterIndexes;\n      case ItemPickerType.LOWER_LETTER:\n        return LOWERCASE_ALPHABET.letterIndexes;\n      case ItemPickerType.CUSTOM:\n        return createItemIndexes(this._items);\n    }\n  }\n\n  private previousItem() {\n    if (this.isNumber()) {\n      this.previousNumber();\n    } else {\n      this.previousStringItem();\n    }\n\n    this.sixChange.emit(this.value);\n  }\n\n  private previousNumber() {\n    this.changeValue({\n      isNextItemAllowed: () => !this.isPreviousNumberDisabled(),\n      getNextItem: () => Number(this.value) - this.step,\n      getRoundtripItem: () => Number(this.max),\n      isRoundtripPossible: () => this.max === undefined && this.roundtrip,\n    });\n  }\n\n  private previousStringItem() {\n    const value = String(this.value);\n    const minLetter = String(this.min);\n\n    this.changeValue({\n      isNextItemAllowed: () =>\n        minLetter === undefined || this.getStringItemIndex(value) > this.getStringItemIndex(minLetter),\n      getNextItem: () => this.getNextItemByOperation(subtract),\n      getRoundtripItem: () => String(this.max),\n      isRoundtripPossible: () => this.max == null && this.roundtrip,\n    });\n  }\n\n  private nextItem() {\n    if (this.isNumber()) {\n      this.nextNumber();\n    } else {\n      this.nextStringItem();\n    }\n\n    this.sixChange.emit(this.value);\n  }\n\n  private nextNumber() {\n    this.changeValue({\n      isNextItemAllowed: () => !this.isNextNumberDisabled(),\n      getNextItem: () => Number(this.value) + this.step,\n      getRoundtripItem: () => Number(this.min),\n      isRoundtripPossible: () => this.min === undefined && this.roundtrip,\n    });\n  }\n\n  private getStringItemIndex(char: string): number {\n    return this._itemIndexes[char];\n  }\n\n  private nextStringItem() {\n    const value = String(this.value);\n    const maxLetter = String(this.max);\n\n    this.changeValue({\n      isNextItemAllowed: () =>\n        maxLetter === undefined || this.getStringItemIndex(value) < this.getStringItemIndex(maxLetter),\n      getNextItem: () => this.getNextItemByOperation(add),\n      getRoundtripItem: () => String(this.min),\n      isRoundtripPossible: () => this.min === undefined && this.roundtrip,\n    });\n  }\n\n  private getNextItemByOperation(operation: (a: number, b: number) => number, increment: number = this.step) {\n    const value = String(this.value);\n    const nextIndexCandidate = operation(this.getStringItemIndex(value), increment);\n    const numberOfItems = this._items.length;\n    const nextIndex = ((nextIndexCandidate % numberOfItems) + numberOfItems) % numberOfItems;\n    return this._items[nextIndex];\n  }\n\n  private changeValue(params: {\n    getNextItem: () => number | string;\n    isNextItemAllowed: () => boolean;\n    getRoundtripItem: () => number | string;\n    isRoundtripPossible: () => boolean;\n  }) {\n    if (params.isNextItemAllowed()) {\n      this.value = params.getNextItem();\n      return;\n    }\n\n    if (params.isRoundtripPossible()) {\n      console.error(\n        `${TAG} Item picker is expected to perform a roundtrip, but either max or min value is missing so a roundtrip is not possible`\n      );\n      return;\n    }\n\n    if (this.roundtrip) {\n      this.value = params.getRoundtripItem();\n      return;\n    }\n\n    console.warn(\n      `${TAG} Roundtrip is not allowed, but was still triggered, please report this issue to the developer of six-item-picker`\n    );\n\n    this.sixChange.emit(this.value);\n  }\n\n  private isNumber() {\n    return this.type === ItemPickerType.NUMBER;\n  }\n\n  private isInvalidNumber() {\n    return this.value === '' || isNaN(this.value as number);\n  }\n\n  private isNextDisabled() {\n    if (this.roundtrip) {\n      return false;\n    }\n\n    if (this.isNumber()) {\n      return this.isNextNumberDisabled();\n    } else {\n      return this._itemIndexes[String(this.value)] + this.step > this._itemIndexes[String(this.max)];\n    }\n  }\n\n  private isNextNumberDisabled() {\n    return Number(this.value) + this.step > Number(this.max ?? Infinity);\n  }\n\n  private isPrevDisabled() {\n    if (this.roundtrip) {\n      return false;\n    }\n\n    if (this.isNumber()) {\n      return this.isPreviousNumberDisabled();\n    } else {\n      return this._itemIndexes[String(this.value)] - this.step < this._itemIndexes[String(this.min)];\n    }\n  }\n\n  private isPreviousNumberDisabled() {\n    return Number(this.value) - this.step < Number(this.min ?? -Infinity);\n  }\n\n  private onMouseDownNext() {\n    if (this.isNextDisabled()) {\n      return;\n    }\n\n    this.nextItem();\n\n    this._timeoutNext = setTimeout(() => {\n      this._intervalNext = setInterval(() => {\n        this.nextItem();\n      }, this.interval);\n    }, this.timeout);\n  }\n\n  private onMouseUpNext() {\n    clearTimeout(this._timeoutNext);\n    clearInterval(this._intervalNext);\n  }\n\n  private onMouseDownPrev() {\n    if (this.isPrevDisabled()) {\n      return;\n    }\n\n    this.previousItem();\n\n    this._timeoutPrev = setTimeout(() => {\n      this._intervalPrev = setInterval(() => {\n        this.previousItem();\n      }, this.interval);\n    }, this.timeout);\n  }\n\n  private onMouseUpPrev() {\n    clearTimeout(this._timeoutPrev);\n    clearInterval(this._intervalPrev);\n  }\n\n  private getFormattedValue() {\n    if (this.value === undefined || this.value === null) {\n      return this.value;\n    }\n\n    if (!this.padded) {\n      return this.value;\n    }\n\n    if (this.paddingDirection === ItemPickerPaddingDirection.BEFORE) {\n      return String(this.value).padStart(this.paddingLength, this.paddingChar);\n    } else if (this.paddingDirection === ItemPickerPaddingDirection.AFTER) {\n      return String(this.value).padEnd(this.paddingLength, this.paddingChar);\n    }\n\n    return this.value;\n  }\n\n  private handleKeyPress(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n\n      if (event.target === this.upButton) {\n        this.nextItem();\n      } else if (event.target === this.downButton) {\n        this.previousItem();\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      this.nextItem();\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      this.previousItem();\n    } else if (event.key === 'PageUp') {\n      event.preventDefault();\n      this.pageUp();\n    } else if (event.key === 'PageDown') {\n      event.preventDefault();\n      this.pageDown();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      this.goToMin();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      this.goToMax();\n    }\n  }\n\n  private pageUp() {\n    if (this.isNumber()) {\n      this.changeValue({\n        isNextItemAllowed: () => !this.isNextNumberDisabled(),\n        getNextItem: () => Number(this.value) + 5 * this.step,\n        getRoundtripItem: () => Number(this.min),\n        isRoundtripPossible: () => this.min === undefined && this.roundtrip,\n      });\n    } else {\n      const value = String(this.value);\n      const minLetter = String(this.min);\n\n      this.changeValue({\n        isNextItemAllowed: () =>\n          minLetter === undefined || this.getStringItemIndex(value) > this.getStringItemIndex(minLetter),\n        getNextItem: () => this.getNextItemByOperation(add, 5),\n        getRoundtripItem: () => String(this.min),\n        isRoundtripPossible: () => this.min === undefined && this.roundtrip,\n      });\n    }\n  }\n\n  private pageDown() {\n    if (this.isNumber()) {\n      this.changeValue({\n        isNextItemAllowed: () => !this.isPreviousNumberDisabled(),\n        getNextItem: () => Number(this.value) - 5 * this.step,\n        getRoundtripItem: () => Number(this.max),\n        isRoundtripPossible: () => this.max === undefined && this.roundtrip,\n      });\n    } else {\n      const value = String(this.value);\n      const maxLetter = String(this.max);\n\n      this.changeValue({\n        isNextItemAllowed: () =>\n          maxLetter === undefined || this.getStringItemIndex(value) < this.getStringItemIndex(maxLetter),\n        getNextItem: () => this.getNextItemByOperation(subtract, 5),\n        getRoundtripItem: () => String(this.max),\n        isRoundtripPossible: () => this.max == null && this.roundtrip,\n      });\n    }\n  }\n\n  private goToMin() {\n    if (this.isNumber()) {\n      this.value = this.min ?? 0;\n    } else {\n      this.value = this._items[0];\n    }\n\n    this.sixChange.emit(this.value);\n  }\n\n  private goToMax() {\n    if (this.isNumber()) {\n      this.value = this.max ?? Infinity;\n    } else {\n      this.value = this.getLastStringItem();\n    }\n\n    this.sixChange.emit(this.value);\n  }\n\n  private upButton!: HTMLDivElement;\n  private downButton!: HTMLDivElement;\n\n  render() {\n    return (\n      <div\n        part=\"container\"\n        class=\"item_picker__container\"\n        onKeyDown={(event) => this.handleKeyPress(event)}\n        tabindex=\"0\"\n      >\n        <div\n          ref={(el) => (this.upButton = el as HTMLDivElement)}\n          part=\"up\"\n          class={{\n            item_picker__btn: true,\n            'item_picker__btn--disabled': this.isNextDisabled(),\n          }}\n          onMouseDown={() => this.onMouseDownNext()}\n          onMouseUp={() => this.onMouseUpNext()}\n          tabindex=\"-1\"\n        >\n          <six-icon size=\"large\">expand_less</six-icon>\n        </div>\n        <div part=\"content\" class=\"item_picker__content\">\n          {this.getFormattedValue()}\n        </div>\n        <div\n          ref={(el) => (this.downButton = el as HTMLDivElement)}\n          part=\"down\"\n          class={{\n            item_picker__btn: true,\n            'item_picker__btn--disabled': this.isPrevDisabled(),\n          }}\n          onMouseDown={() => this.onMouseDownPrev()}\n          onMouseUp={() => this.onMouseUpPrev()}\n          tabindex=\"-1\"\n        >\n          <six-icon size=\"large\">expand_more</six-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}