npm - @paperless/core - Versions diffs - 0.1.0-alpha.99 → 1.3.0 - Mend

@paperless/core 0.1.0-alpha.99 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1097) hide show

package/dist/esm/p-calendar.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-calendar.entry.js","mappings":"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","names":[],"sources":["../../node_modules/date-fns/esm/addDays/index.js","../../node_modules/date-fns/esm/addMonths/index.js","../../node_modules/date-fns/esm/addYears/index.js","../../node_modules/date-fns/esm/endOfMonth/index.js","../../node_modules/date-fns/esm/startOfMonth/index.js","../../node_modules/date-fns/esm/getDay/index.js","../../node_modules/date-fns/esm/getDaysInMonth/index.js","../../node_modules/date-fns/esm/getYear/index.js","../../node_modules/date-fns/esm/isSameMonth/index.js","../../node_modules/date-fns/esm/isSameYear/index.js","../../node_modules/date-fns/esm/setMonth/index.js","../../node_modules/date-fns/esm/setDate/index.js","../../node_modules/date-fns/esm/setYear/index.js","./src/components/molecules/calendar/calendar.component.scss?tag=p-calendar&encapsulation=shadow","./src/components/molecules/calendar/calendar.component.tsx"],"sourcesContent":["import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\nexport default function addDays(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var amount = toInteger(dirtyAmount);\n if (isNaN(amount)) {\n return new Date(NaN);\n }\n if (!amount) {\n // If 0 days, no-op to avoid changing times in the hour before end of DST\n return date;\n }\n date.setDate(date.getDate() + amount);\n return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addMonths\n * @category Month Helpers\n * @summary Add the specified number of months to the given date.\n *\n * @description\n * Add the specified number of months to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the months added\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Add 5 months to 1 September 2014:\n * const result = addMonths(new Date(2014, 8, 1), 5)\n * //=> Sun Feb 01 2015 00:00:00\n */\nexport default function addMonths(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var amount = toInteger(dirtyAmount);\n if (isNaN(amount)) {\n return new Date(NaN);\n }\n if (!amount) {\n // If 0 months, no-op to avoid changing times in the hour before end of DST\n return date;\n }\n var dayOfMonth = date.getDate();\n\n // The JS Date object supports date math by accepting out-of-bounds values for\n // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and\n // new Date(2020, 13, 1) returns 1 Feb 2021. This is *almost* the behavior we\n // want except that dates will wrap around the end of a month, meaning that\n // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So\n // we'll default to the end of the desired month by adding 1 to the desired\n // month and using a date of 0 to back up one day to the end of the desired\n // month.\n var endOfDesiredMonth = new Date(date.getTime());\n endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);\n var daysInMonth = endOfDesiredMonth.getDate();\n if (dayOfMonth >= daysInMonth) {\n // If we're already at the end of the month, then this is the correct date\n // and we're done.\n return endOfDesiredMonth;\n } else {\n // Otherwise, we now know that setting the original day-of-month value won't\n // cause an overflow, so set the desired day-of-month. Note that we can't\n // just set the date of `endOfDesiredMonth` because that object may have had\n // its time changed in the unusual case where where a DST transition was on\n // the last day of the month and its local time was in the hour skipped or\n // repeated next to a DST transition. So we use `date` instead which is\n // guaranteed to still have the original time.\n date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);\n return date;\n }\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport addMonths from \"../addMonths/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addYears\n * @category Year Helpers\n * @summary Add the specified number of years to the given date.\n *\n * @description\n * Add the specified number of years to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of years to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the years added\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Add 5 years to 1 September 2014:\n * const result = addYears(new Date(2014, 8, 1), 5)\n * //=> Sun Sep 01 2019 00:00:00\n */\nexport default function addYears(dirtyDate, dirtyAmount) {\n requiredArgs(2, arguments);\n var amount = toInteger(dirtyAmount);\n return addMonths(dirtyDate, amount * 12);\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n *\n * @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the end of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\nexport default function endOfMonth(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n var month = date.getMonth();\n date.setFullYear(date.getFullYear(), month + 1, 0);\n date.setHours(23, 59, 59, 999);\n return date;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfMonth\n * @category Month Helpers\n * @summary Return the start of a month for the given date.\n *\n * @description\n * Return the start of a month for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a month for 2 September 2014 11:55:00:\n * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Mon Sep 01 2014 00:00:00\n */\nexport default function startOfMonth(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n date.setDate(1);\n date.setHours(0, 0, 0, 0);\n return date;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name getDay\n * @category Weekday Helpers\n * @summary Get the day of the week of the given date.\n *\n * @description\n * Get the day of the week of the given date.\n *\n * @param {Date|Number} date - the given date\n * @returns {0|1|2|3|4|5|6} the day of week, 0 represents Sunday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Which day of the week is 29 February 2012?\n * const result = getDay(new Date(2012, 1, 29))\n * //=> 3\n */\nexport default function getDay(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n var day = date.getDay();\n return day;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name getDaysInMonth\n * @category Month Helpers\n * @summary Get the number of days in a month of the given date.\n *\n * @description\n * Get the number of days in a month of the given date.\n *\n * @param {Date|Number} date - the given date\n * @returns {Number} the number of days in a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // How many days are in February 2000?\n * const result = getDaysInMonth(new Date(2000, 1))\n * //=> 29\n */\nexport default function getDaysInMonth(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n var year = date.getFullYear();\n var monthIndex = date.getMonth();\n var lastDayOfMonth = new Date(0);\n lastDayOfMonth.setFullYear(year, monthIndex + 1, 0);\n lastDayOfMonth.setHours(0, 0, 0, 0);\n return lastDayOfMonth.getDate();\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name getYear\n * @category Year Helpers\n * @summary Get the year of the given date.\n *\n * @description\n * Get the year of the given date.\n *\n * @param {Date|Number} date - the given date\n * @returns {Number} the year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Which year is 2 July 2014?\n * const result = getYear(new Date(2014, 6, 2))\n * //=> 2014\n */\nexport default function getYear(dirtyDate) {\n requiredArgs(1, arguments);\n return toDate(dirtyDate).getFullYear();\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameMonth\n * @category Month Helpers\n * @summary Are the given dates in the same month (and year)?\n *\n * @description\n * Are the given dates in the same month (and year)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same month (and year)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same month?\n * const result = isSameMonth(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n *\n * @example\n * // Are 2 September 2014 and 25 September 2015 in the same month?\n * const result = isSameMonth(new Date(2014, 8, 2), new Date(2015, 8, 25))\n * //=> false\n */\nexport default function isSameMonth(dirtyDateLeft, dirtyDateRight) {\n requiredArgs(2, arguments);\n var dateLeft = toDate(dirtyDateLeft);\n var dateRight = toDate(dirtyDateRight);\n return dateLeft.getFullYear() === dateRight.getFullYear() && dateLeft.getMonth() === dateRight.getMonth();\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n requiredArgs(2, arguments);\n var dateLeft = toDate(dirtyDateLeft);\n var dateRight = toDate(dirtyDateRight);\n return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport getDaysInMonth from \"../getDaysInMonth/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setMonth\n * @category Month Helpers\n * @summary Set the month to the given date.\n *\n * @description\n * Set the month to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} month - the month of the new date\n * @returns {Date} the new date with the month set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set February to 1 September 2014:\n * const result = setMonth(new Date(2014, 8, 1), 1)\n * //=> Sat Feb 01 2014 00:00:00\n */\nexport default function setMonth(dirtyDate, dirtyMonth) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var month = toInteger(dirtyMonth);\n var year = date.getFullYear();\n var day = date.getDate();\n var dateWithDesiredMonth = new Date(0);\n dateWithDesiredMonth.setFullYear(year, month, 15);\n dateWithDesiredMonth.setHours(0, 0, 0, 0);\n var daysInMonth = getDaysInMonth(dateWithDesiredMonth);\n // Set the last day of the new month\n // if the original date was the last day of the longer month\n date.setMonth(month, Math.min(day, daysInMonth));\n return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setDate\n * @category Day Helpers\n * @summary Set the day of the month to the given date.\n *\n * @description\n * Set the day of the month to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} dayOfMonth - the day of the month of the new date\n * @returns {Date} the new date with the day of the month set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set the 30th day of the month to 1 September 2014:\n * const result = setDate(new Date(2014, 8, 1), 30)\n * //=> Tue Sep 30 2014 00:00:00\n */\nexport default function setDate(dirtyDate, dirtyDayOfMonth) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var dayOfMonth = toInteger(dirtyDayOfMonth);\n date.setDate(dayOfMonth);\n return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setYear\n * @category Year Helpers\n * @summary Set the year to the given date.\n *\n * @description\n * Set the year to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} year - the year of the new date\n * @returns {Date} the new date with the year set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set year 2013 to 1 September 2014:\n * const result = setYear(new Date(2014, 8, 1), 2013)\n * //=> Sun Sep 01 2013 00:00:00\n */\nexport default function setYear(dirtyDate, dirtyYear) {\n requiredArgs(2, arguments);\n var date = toDate(dirtyDate);\n var year = toInteger(dirtyYear);\n\n // Check if date is Invalid Date because Date.prototype.setFullYear ignores the value of Invalid Date\n if (isNaN(date.getTime())) {\n return new Date(NaN);\n }\n date.setFullYear(year);\n return date;\n}",":host {\n @apply block bg-white p-2;\n @apply w-[14rem];\n\n .view-day,\n .view-month,\n .view-year {\n @apply flex flex-col gap-2;\n @apply w-full h-[12rem];\n }\n\n .header {\n @apply flex justify-between items-center gap-1;\n @apply text-base;\n @apply w-full;\n\n span {\n @apply cursor-pointer h-8 px-2 rounded text-storm;\n\n &.disabled {\n @apply cursor-default;\n }\n\n &:hover:not(.disabled) {\n @apply bg-indigo-light;\n }\n\n &.year {\n @apply font-semibold;\n }\n }\n\n .nav {\n @apply relative flex justify-center items-center cursor-pointer;\n @apply no-underline;\n @apply text-indigo;\n @apply w-6 h-6 rounded-round;\n transition-duration: 0.2s;\n\n &:hover:not(.disabled) {\n @apply bg-indigo-light;\n }\n\n &.disabled {\n @apply opacity-0;\n }\n }\n }\n\n .view-day {\n @apply h-auto min-h-[12rem];\n\n .dates {\n @apply grid gap-1;\n grid-template-columns: repeat(7, 1fr);\n\n > span {\n @apply text-storm-medium font-semibold text-xs;\n @apply w-6;\n @apply self-center justify-self-center text-center;\n }\n\n > time {\n @apply flex justify-center items-center;\n @apply cursor-pointer;\n @apply w-6 h-6 box-border;\n @apply justify-self-center self-center;\n @apply rounded-round;\n\n @apply text-storm text-sm;\n @apply border border-solid border-transparent;\n\n transition-duration: 0.2s;\n\n &.current {\n @apply border-storm-light;\n }\n\n &.active {\n @apply bg-indigo-light border-indigo-light text-indigo font-semibold;\n }\n\n &.other-month,\n &.disabled {\n @apply opacity-40 cursor-default;\n }\n\n &.disabled {\n @apply line-through;\n }\n\n &:hover:not(.disabled):not(.active):not(.other-month) {\n @apply bg-indigo-light text-storm;\n }\n }\n }\n }\n\n .view-month,\n .view-year {\n .items {\n @apply relative grid overflow-y-auto gap-1 w-full;\n @apply h-full items-center;\n grid-template-columns: repeat(3, 1fr);\n\n > div {\n @apply cursor-pointer;\n @apply flex justify-center items-center;\n @apply text-sm h-8 px-2 rounded;\n @apply text-storm;\n @apply border border-solid border-transparent;\n\n &.current {\n @apply border-storm-light;\n }\n\n &.active {\n @apply bg-indigo-light border-indigo-light text-indigo font-semibold;\n }\n\n &.disabled {\n @apply line-through;\n @apply opacity-40 cursor-default;\n }\n\n &:hover:not(.disabled):not(.active) {\n @apply bg-mystic;\n }\n }\n }\n }\n\n .view-month {\n .items {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n .view-year {\n .header {\n @apply justify-center;\n }\n }\n}\n\n:host(.variant-default) {\n @apply rounded shadow-4;\n}\n\n:host(.variant-embedded) {\n @apply p-0;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport {\n addDays,\n addMonths,\n addYears,\n endOfMonth,\n format,\n getDay,\n getDaysInMonth,\n getYear,\n isAfter,\n isBefore,\n isSameDay,\n isSameMonth,\n isSameYear,\n isValid,\n setDate,\n setMonth,\n setYear,\n startOfDay,\n startOfMonth,\n} from 'date-fns';\n\n@Component({\n tag: 'p-calendar',\n styleUrl: 'calendar.component.scss',\n shadow: true,\n})\nexport class Calendar {\n /**\n * The variant of the button\n */\n @Prop() variant: 'default' | 'embedded' = 'default';\n\n /**\n * The current value\n */\n @Prop() value?: Date | 'string';\n\n /**\n * Wether to automatically preselect today\n */\n @Prop() preselectToday: boolean = false;\n\n /**\n * Disabled dates\n */\n @Prop() disabledDates?: Array<Date | 'string'> | string;\n\n /**\n * Min date\n */\n @Prop() minDate: Date | 'string' = new Date(1970, 0, 1);\n\n /**\n * Max date\n */\n @Prop() maxDate: Date | 'string' = this._getAutomaticMax();\n\n /**\n * Wether to disable the weekends\n */\n @Prop() disableWeekends: boolean = false;\n\n /**\n * The mode of the datepicker\n */\n @Prop() mode: 'year' | 'month' | 'day' = 'day';\n\n /**\n * Event when the value changes\n */\n @Event() valueChange: EventEmitter<any>;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n private _today = new Date();\n @State() private _view: 'year' | 'month' | 'day' = this.mode;\n @State() private _viewDate = this._today;\n\n @State() private _value: Date;\n @State() private _minDate: Date;\n @State() private _maxDate: Date;\n @State() private _disabledDates: Date[] = [];\n\n private _weekDays = Array.from(Array(7).keys());\n\n componentWillLoad() {\n if (this.disabledDates) {\n this._parseDisabledDates(this.disabledDates);\n }\n\n if (this.minDate) {\n this._parseMinDate(this.minDate);\n }\n\n if (this.maxDate) {\n this._parseMaxDate(this.maxDate);\n }\n\n this._parseValue(this.value);\n\n if (this._value) {\n this._viewDate = this._value;\n }\n\n if (isBefore(this._viewDate, this._minDate)) {\n this._viewDate = this._minDate;\n }\n\n if (isAfter(this._viewDate, this._maxDate)) {\n this._viewDate = this._maxDate;\n }\n }\n\n componentDidRender() {\n if (this._view === 'year') {\n this._scrollYearIntoView();\n }\n }\n\n @Watch('value')\n private _parseValue(value: string | Date) {\n if (!value && this.preselectToday) {\n value = new Date();\n }\n\n if (typeof value === 'string') {\n value = new Date(value);\n }\n\n this._setValue(value);\n }\n\n @Watch('minDate')\n private _parseMinDate(minDate: string | Date) {\n if (typeof minDate === 'string') {\n minDate = new Date(minDate);\n }\n\n if (!isValid(minDate)) {\n return;\n }\n\n this._minDate = minDate;\n\n if (isBefore(this._viewDate, this._minDate)) {\n this._viewDate = this._minDate;\n }\n }\n\n @Watch('maxDate')\n private _parseMaxDate(maxDate: string | Date) {\n if (typeof maxDate === 'string') {\n maxDate = new Date(maxDate);\n }\n\n if (!isValid(maxDate)) {\n return;\n }\n\n this._maxDate = maxDate;\n\n if (isAfter(this._viewDate, this._maxDate)) {\n this._viewDate = this._maxDate;\n }\n }\n\n @Watch('disabledDates')\n private _parseDisabledDates(disabledDates: Array<string | Date> | string) {\n if (typeof disabledDates === 'string') {\n disabledDates = JSON.parse(disabledDates);\n }\n\n if (!disabledDates || !Array.isArray(disabledDates)) {\n return;\n }\n\n // normalize all to date\n this._disabledDates = disabledDates\n .map((date) => {\n if (typeof date === 'string') {\n return new Date(date);\n }\n\n return date;\n })\n .filter((date) => isValid(date));\n }\n\n render() {\n return (\n <Host class={`p-calendar variant-${this.variant}`}>\n {this._getView()}\n </Host>\n );\n }\n\n private _getView() {\n if (this._view === 'year') {\n return this._getYearView();\n }\n\n if (this._view === 'month') {\n return this._getMonthView();\n }\n\n return this._getDayView();\n }\n\n /* With this, we shall hack the system in ways no one would ever have thought.\n <div class=\"col-start-1 col-start-2 col-start-3 col-start-4 col-start-5 col-start-6 col-start-7\"></div>\n */\n private _getDayView() {\n const daysInMonth = this._generateDaysInMonth();\n return (\n <div class=\"view-day\">\n <div class=\"header\">\n <div\n class={`nav ${\n !this._canSetAmount('month', -1) && 'disabled'\n }`}\n onClick={() => this._changeMonth(-1)}\n >\n <p-icon variant=\"chevron\" rotate={90} />\n </div>\n <div>\n <span\n onClick={() => this._changeView('month')}\n class={!this._canChangeView('month') && 'disabled'}\n >\n {format(this._viewDate, 'MMMM')}\n </span>\n <span\n onClick={() => this._changeView('year')}\n class={`year ${\n !this._canChangeView('year') && 'disabled'\n }`}\n >\n {getYear(this._viewDate)}\n </span>\n </div>\n <div\n class={`nav ${\n !this._canSetAmount('month', 1) && 'disabled'\n }`}\n onClick={() => this._changeMonth(1)}\n >\n <p-icon variant=\"chevron\" rotate={-90} />\n </div>\n </div>\n <div class=\"dates\">\n {this._weekDays.map((weekday) => (\n <span>\n {format(\n addDays(new Date(2022, 7, 1), weekday),\n 'eee'\n )}\n </span>\n ))}\n {daysInMonth.map((day) => {\n return (\n <time\n class={`day ${day.active && 'active'} ${\n day.disabled && 'disabled'\n } ${day.current && 'current'} ${\n day.offset !== false &&\n `col-start-${day.offset}`\n }`}\n onClick={() => this._setValue(day.date)}\n >\n {day.day}\n </time>\n );\n })}\n </div>\n </div>\n );\n }\n\n private _getMonthView() {\n const months = this._generateMonths();\n return (\n <div class=\"view-month\">\n <div class=\"header\">\n <div\n class={`nav ${\n !this._canSetAmount('year', -1) && 'disabled'\n }`}\n onClick={() => this._changeYear(-1)}\n >\n <p-icon variant=\"chevron\" rotate={90} />\n </div>\n <div>\n <span\n onClick={() => this._changeView('year')}\n class={`year ${\n !this._canChangeView('year') && 'disabled'\n }`}\n >\n {getYear(this._viewDate)}\n </span>\n </div>\n <div\n class={`nav ${\n !this._canSetAmount('year', 1) && 'disabled'\n }`}\n onClick={() => this._changeYear(1)}\n >\n <p-icon variant=\"chevron\" rotate={-90} />\n </div>\n </div>\n <div class=\"items\">\n {months.map((month) => (\n <div\n onClick={() => this._setMonth(month.month)}\n class={`month ${month.active && 'active'} ${\n month.disabled && 'disabled'\n } ${month.current && 'current'}`}\n >\n {format(setMonth(new Date(), month.month), 'MMMM')}\n </div>\n ))}\n </div>\n </div>\n );\n }\n\n private _getYearView() {\n const years = this._generateYears();\n return (\n <div class=\"view-year\">\n <div class=\"header\">\n <div>\n <span class=\"year disabled\">\n {years?.[0].year} - {years?.[years.length - 1].year}\n </span>\n </div>\n </div>\n <div class=\"items\">\n {years.map((year) => (\n <div\n onClick={() => this._setYear(year.year)}\n class={`year ${year.active && 'active'} ${\n year.current && 'current'\n }`}\n >\n {year.year}\n </div>\n ))}\n </div>\n </div>\n );\n }\n\n private _setYear(year: number) {\n const date = setYear(this._viewDate, year);\n if (this.mode === 'year') {\n return this._setValue(setMonth(setDate(date, 1), 0));\n }\n\n this._viewDate = setYear(this._viewDate, year);\n this._view = 'month';\n }\n\n private _setMonth(month: number) {\n const date = setMonth(this._viewDate, month);\n if (this.mode === 'month') {\n return this._setValue(setDate(date, 1));\n }\n\n this._viewDate = date;\n this._view = 'day';\n }\n\n private _changeMonth(amount = 1) {\n const allowed = this._canSetAmount('month', amount);\n if (!allowed) {\n return;\n }\n\n const newDate = addMonths(this._viewDate, amount);\n this._viewDate = newDate;\n }\n\n private _changeYear(amount = 1) {\n const allowed = this._canSetAmount('year', amount);\n if (!allowed) {\n return;\n }\n\n let newDate = addYears(this._viewDate, amount);\n this._viewDate = newDate;\n }\n\n private _setValue(value: Date) {\n if (value === null) {\n this._value = null;\n this.valueChange.emit(null);\n return;\n }\n\n if (!isValid(value)) {\n return;\n }\n\n if (this._isDisabledDay(value)) {\n return;\n }\n\n value = startOfDay(value);\n const isSameValue = isSameDay(value, this._value);\n\n if (isSameValue) {\n return;\n }\n\n this._value = value;\n this.valueChange.emit(value);\n }\n\n private _generateDaysInMonth() {\n const days = Array.from(Array(getDaysInMonth(this._viewDate)).keys());\n\n return days.map((day) => {\n day = day + 1;\n const date = setDate(this._viewDate, day);\n\n const dayOfWeek = getDay(date);\n return {\n day,\n date,\n offset: day === 1 ? (dayOfWeek === 0 ? 7 : dayOfWeek) : false,\n current: isSameDay(date, this._today),\n active: isSameDay(date, this._value),\n disabled: this._isDisabledDay(date),\n };\n });\n }\n\n private _isDisabledDay(day: Date) {\n return (\n isBefore(day, this._minDate) ||\n (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||\n ((getDay(day) === 0 || getDay(day) === 6) &&\n this.disableWeekends) ||\n this._disabledDates.findIndex((date) => isSameDay(date, day)) >= 0\n );\n }\n\n private _generateMonths() {\n const year = getYear(this._viewDate);\n const months = Array.from(Array(12).keys());\n\n return months.map((month) => {\n const date = new Date(year, month, 1);\n return {\n month,\n current: isSameMonth(this._today, date),\n active: isSameMonth(this._value, date),\n disabled:\n isAfter(date, this._maxDate) ||\n isBefore(endOfMonth(date), this._minDate),\n };\n });\n }\n\n private _generateYears() {\n const maxYear = getYear(this._maxDate) + 1;\n const minYear = getYear(this._minDate);\n\n return Array.from(Array(maxYear - minYear).keys()).map((index) => {\n const year = minYear + index;\n return {\n year,\n current: getYear(this._today) === year,\n active: getYear(this._value) === year,\n };\n });\n }\n\n private _scrollYearIntoView() {\n const items = this._el.shadowRoot.querySelector('.view-year .items');\n if (!items) {\n return;\n }\n\n const active = items.querySelector('.year.active') as HTMLElement;\n if (active) {\n return items.scrollTo({\n top: active.offsetTop,\n });\n }\n\n const current = items.querySelector('.year.current') as HTMLElement;\n if (current) {\n return items.scrollTo({\n top: current.offsetTop,\n });\n }\n }\n\n private _changeView(view: 'year' | 'month') {\n if (!this._canChangeView(view)) {\n return;\n }\n\n this._view = view;\n }\n\n private _canChangeView(view: 'year' | 'month') {\n if (view === 'year') {\n if (isSameYear(this._minDate, this._maxDate)) {\n return false;\n }\n\n return true;\n }\n\n if (isSameMonth(this._minDate, this._maxDate)) {\n return false;\n }\n\n return true;\n }\n\n private _canSetAmount(type: 'month' | 'year', amount = 1) {\n if (type === 'month') {\n const newDate = addMonths(this._viewDate, amount);\n const startNewDate = startOfMonth(newDate);\n if (\n (isBefore(startNewDate, startOfMonth(this._minDate)) &&\n !isSameDay(startNewDate, this._minDate)) ||\n isAfter(startNewDate, endOfMonth(this._maxDate))\n ) {\n return false;\n }\n }\n\n if (type === 'year') {\n let newDate = addYears(this._viewDate, amount);\n const year = getYear(newDate);\n if (\n year < getYear(this._minDate) ||\n year > getYear(this._maxDate)\n ) {\n return false;\n }\n }\n\n return true;\n }\n\n private _getAutomaticMax() {\n const date = addYears(new Date(), 50);\n\n let year = getYear(date);\n year = Math.ceil(year / 10) * 10;\n\n return setYear(date, year);\n }\n}\n"],"version":3}

package/dist/esm/p-card-body.entry.js CHANGED Viewed

@@ -1,13 +1,10 @@
-import { r as registerInstance, h, H as Host } from './index-9062156b.js';
+import { r as registerInstance, h, H as Host } from './index-2c1bdb40.js';
-const cardBodyComponentCss = ".static{position:static!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1rem 1.5rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}";
+const cardBodyComponentCss = ".px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}";
 const CardBody = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Wether the button should inherit text styles
-     */
     this.inheritText = false;
   }
   render() {
@@ -17,3 +14,5 @@ const CardBody = class {
 CardBody.style = cardBodyComponentCss;
 export { CardBody as p_card_body };
+//# sourceMappingURL=p-card-body.entry.js.map

package/dist/esm/p-card-body.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-card-body.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,kbAAkb;;MCMlc,QAAQ;;;uBAI+B,KAAK;;EAErD,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,eAAQ,CACL,EACT;GACL;;;;;;","names":[],"sources":["./src/components/atoms/card-body/card-body.component.scss?tag=p-card-body","./src/components/atoms/card-body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n @apply px-4 py-6;\n @apply text-sm text-storm-vague;\n\n &[inherit-text] {\n color: inherit #{!important};\n font-size: inherit #{!important};\n font-weight: inherit #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-body',\n styleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n /**\n * Wether the button should inherit text styles\n */\n @Prop({ reflect: true }) inheritText: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-body\">\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/p-card-container.entry.js CHANGED Viewed

@@ -1,17 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-9062156b.js';
+import { r as registerInstance, h, H as Host } from './index-2c1bdb40.js';
-const cardContainerComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.drop-shadow-4,.drop-shadow-5{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-5{--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important}.drop-shadow-transparent{--tw-drop-shadow:drop-shadow(transparent)!important}.drop-shadow-transparent,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:host([shadow=false]){--tw-drop-shadow:drop-shadow(transparent)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+const cardContainerComponentCss = ".flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.drop-shadow-4,.drop-shadow-5{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-5{--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important}.drop-shadow-transparent{--tw-drop-shadow:drop-shadow(transparent)!important}.drop-shadow-transparent,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:host([shadow=false]){--tw-drop-shadow:drop-shadow(transparent)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.static{position:static!important}";
 const CardContainer = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Wether the card should be hoverable
-     */
     this.hoverable = false;
-    /**
-     * Wether the card should have shadow
-     */
     this.shadow = true;
   }
   render() {
@@ -21,3 +15,5 @@ const CardContainer = class {
 CardContainer.style = cardContainerComponentCss;
 export { CardContainer as p_card_container };
+//# sourceMappingURL=p-card-container.entry.js.map

package/dist/esm/p-card-container.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-card-container.entry.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,m/DAAm/D;;MCOxgE,aAAa;;;qBAIwB,KAAK;kBAKR,IAAI;;EAE/C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC1B,eAAQ,CACL,EACT;GACL;;;;;;","names":[],"sources":["./src/components/atoms/card-container/card-container.component.scss?tag=p-card-container&encapsulation=shadow","./src/components/atoms/card-container/card-container.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col w-full;\n @apply bg-white rounded-large;\n @apply filter drop-shadow-4 #{!important};\n}\n\n:host([hoverable]) {\n @apply cursor-pointer;\n}\n\n:host([hoverable]:hover) {\n @apply drop-shadow-5 #{!important};\n}\n\n:host([shadow='false']) {\n @apply drop-shadow-transparent #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-container',\n styleUrl: 'card-container.component.scss',\n shadow: true,\n})\nexport class CardContainer {\n /**\n * Wether the card should be hoverable\n */\n @Prop({ reflect: true }) hoverable: boolean = false;\n\n /**\n * Wether the card should have shadow\n */\n @Prop({ reflect: true }) shadow: boolean = true;\n\n render() {\n return (\n <Host class=\"p-card-container\">\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/p-card-header.entry.js CHANGED Viewed

@@ -1,13 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-9062156b.js';
+import { r as registerInstance, h, H as Host } from './index-2c1bdb40.js';
-const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:.75rem;padding-top:.75rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";
+const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}";
 const CardHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Enable the title arrow
-     */
+    this.header = undefined;
     this.arrow = false;
   }
   render() {
@@ -18,3 +16,5 @@ const CardHeader = class {
 CardHeader.style = cardHeaderComponentCss;
 export { CardHeader as p_card_header };
+//# sourceMappingURL=p-card-header.entry.js.map

package/dist/esm/p-card-header.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-card-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,whKAAwhK;;MCM1iK,UAAU;;;;iBASM,KAAK;;EAE9B,MAAM;;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACvB,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,KAAK,MAC/B,WAAK,KAAK,EAAC,OAAO,IACb,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,EACjB,IAAI,CAAC,KAAK,IAAI,cAAQ,OAAO,EAAC,OAAO,GAAG,CACvC,CACT,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CACnB,EACT;GACL;;;;;;","names":[],"sources":["./src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","./src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n @apply mx-4 h-14;\n @apply flex gap-3 items-center;\n @apply text-storm-medium;\n @apply border-b border-b-mystic-medium #{!important};\n\n .title {\n @apply order-2;\n @apply flex items-center text-storm;\n @apply font-semibold;\n\n > p-icon {\n @apply ml-2 text-mystic-dark;\n }\n }\n\n [slot='prefix'] {\n @apply order-1;\n }\n\n [slot='suffix'] {\n @apply order-3;\n }\n}\n\np-card-container.has-hover:hover {\n p-card-header {\n .title > p-icon {\n @apply text-indigo;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-header',\n styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n /**\n * Content of the card header\n */\n @Prop() header: string;\n\n /**\n * Enable the title arrow\n */\n @Prop() arrow: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-header\">\n <slot name=\"prefix\" />\n\n {(this.header?.length || this.arrow) && (\n <div class=\"title\">\n {this.header ?? ''}\n {this.arrow && <p-icon variant=\"arrow\" />}\n </div>\n )}\n\n <slot name=\"suffix\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/p-content-slider.entry.js CHANGED Viewed

@@ -1,25 +1,19 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-9062156b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-2c1bdb40.js';
-const contentSliderComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.flex{display:flex!important}.hidden{display:none!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-grab{cursor:-webkit-grab!important;cursor:grab!important}.cursor-grabbing{cursor:-webkit-grabbing!important;cursor:grabbing!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.gap-2{gap:.5rem!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;margin:-4rem;overflow:hidden;padding:4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:-webkit-grab;cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:default}}:host .slider.draggable.dragging{cursor:-webkit-grabbing;cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:default}}:host .slider .inner-slider{align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;width:100%}@media (min-width:40rem){:host .slider .inner-slider{gap:1rem}}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:45%}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:100%}}:host .indicator{align-items:center;display:flex;gap:.5rem;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}@media (min-width:40rem){.tablet\\:w-\\[45\\%\\]{width:45%!important}.tablet\\:gap-4{gap:1rem!important}}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}";
+const contentSliderComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.mt-3{margin-top:.75rem!important}.flex{display:flex!important}.w-0{width:0!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}.pt-1{padding-top:.25rem!important}.will-change-transform{will-change:transform!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-4rem;overflow:hidden;padding:4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:auto}}:host .slider.draggable.dragging{cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:auto}}:host .slider.draggable.dragging .inner-slider{transition-property:none}:host .slider .inner-slider{--tw-translate-x:0px;align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap;gap:1rem}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:calc(50% - .5rem)}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:0}}:host .indicator{align-items:center;display:flex;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}:host .indicator .item{margin-top:.75rem;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:gap-4{gap:1rem!important}}.visible{visibility:visible!important}.static{position:static!important}.hidden{display:none!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}";
 const ContentSlider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Wether to hide the indicator on mobile
-     */
+    this._items = [];
+    this._shouldCheckLocation = false;
     this.hideMobileIndicator = false;
-    /**
-     * Wether to disable dragging the content
-     */
     this.disableDrag = false;
-    /**
-     * Wether to disable clicking the indicator scrolls content
-     */
+    this.disableAutoCenter = false;
     this.disableIndicatorClick = false;
+    this._visibleIndex = undefined;
     this._outerHeight = 0;
     this._totalWidth = 0;
-    this._items = [];
     this._dragging = false;
   }
   componentWillRender() {
@@ -27,6 +21,7 @@ const ContentSlider = class {
     this._items = Array.from(items);
   }
   componentDidLoad() {
+    this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);
     this._calculateWidth();
     this._calculateIndicator();
   }
@@ -38,54 +33,98 @@ const ContentSlider = class {
   render() {
     return (h(Host, { class: "p-content-slider" }, h("div", { class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
         height: `${this._outerHeight}px`,
-      }, ref: (el) => (this._sliderRef = el), onScroll: () => this._handleScroll(), onMouseDown: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e) }, h("div", { class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref) }, h("slot", null))), h("div", { class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("p-slider-indicator", { class: !this.disableIndicatorClick && 'cursor-pointer', onClick: () => this._scrollTo(i), active: i === this._visibleIndex }))))));
-  }
-  _setInnerSliderReft(ref) {
-    this._innerSliderRef = ref;
-    this._innerSliderResizeObserver = new ResizeObserver(() => this._calculateHeight());
-    this._innerSliderResizeObserver.observe(this._innerSliderRef);
-  }
-  _handleScroll() {
-    if (this._scrollHandlerTimeout) {
-      clearTimeout(this._scrollHandlerTimeout);
-    }
-    this._scrollHandlerTimeout = setTimeout(() => this._calculateIndicator(), 200);
+      }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", null))), h("div", { class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
   }
   _mouseDownHandler(e) {
+    var _a;
     if (this.disableDrag || this._dragging) {
       return;
     }
-    this._startX = e.offsetX - this._innerSliderRef.offsetLeft;
+    const innerSliderStyle = getComputedStyle(this._innerSliderRef);
+    if (innerSliderStyle.flexWrap === 'wrap') {
+      return;
+    }
+    this._startMouseX = e.x;
+    const sliderRect = this._sliderRef.getBoundingClientRect();
+    if (e.type === 'touchstart') {
+      this._startMouseX = (_a = e.touches) === null || _a === void 0 ? void 0 : _a[0].clientX;
+    }
+    const innerSliderRect = this._innerSliderRef.getBoundingClientRect();
+    const offsetLeft = innerSliderRect.x - sliderRect.x;
+    this._startX = this._startMouseX - sliderRect.x - offsetLeft;
+    this._lastIndex = this._visibleIndex;
     this._dragging = true;
   }
   _mouseMoveHandler(e) {
+    var _a, _b;
     if (!e || !this._dragging || this.disableDrag) {
       return;
     }
     e.preventDefault();
-    const x = e.offsetX;
-    this._innerSliderRef.style.left = `${x - this._startX}px`;
+    this._shouldCheckLocation = true;
+    if (this._innerSliderRef.style.getPropertyValue('pointer-events') === '') {
+      this._innerSliderRef.style.pointerEvents = 'none';
+    }
+    const sliderRect = this._sliderRef.getBoundingClientRect();
+    let x = e.clientX - sliderRect.left;
+    this._lastMouseX = e.x;
+    if (e.type === 'touchmove') {
+      x = ((_a = e.touches) === null || _a === void 0 ? void 0 : _a[0].clientX) - sliderRect.left;
+      this._lastMouseX = (_b = e.touches) === null || _b === void 0 ? void 0 : _b[0].clientX;
+    }
+    this._innerSliderRef.style.setProperty('--tw-translate-x', `${x - this._startX}px`);
     this._checkBoundary();
     this._calculateIndicator();
   }
-  _checkBoundary() {
-    let outer = this._sliderRef.getBoundingClientRect();
-    if (parseInt(this._innerSliderRef.style.left) > 0) {
-      this._innerSliderRef.style.left = '0px';
-    }
-    const maxLeft = (this._totalWidth - outer.width) * -1;
-    if (parseInt(this._innerSliderRef.style.left) < maxLeft) {
-      this._innerSliderRef.style.left = `${maxLeft}px`;
-    }
+  _transitionEndHandler() {
+    this._calculateIndicator();
   }
   mouseUpHandler() {
     this._dragging = false;
+    this._innerSliderRef.style.removeProperty('pointer-events');
+    this._checkLocation();
   }
   resizeHandler() {
-    this._innerSliderRef.style.left = '0px';
-    this._calculateWidth();
+    if (this._innerSliderRef) {
+      this._innerSliderRef.style.setProperty('--tw-translate-x', '0px');
+      this._calculateWidth();
+      this._calculateIndicator();
+    }
+  }
+  _setInnerSliderReft(ref) {
+    this._innerSliderRef = ref;
+    this._innerSliderResizeObserver = new ResizeObserver(() => this._calculateHeight());
+    this._innerSliderResizeObserver.observe(this._innerSliderRef);
+  }
+  _scrollTo(i, manual = false) {
+    if (this.disableIndicatorClick && manual) {
+      return;
+    }
+    const el = this._items[i];
+    if (i === 0) {
+      this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);
+      return;
+    }
+    const sliderRect = this._sliderRef.getBoundingClientRect();
+    const innerSliderRect = this._innerSliderRef.getBoundingClientRect();
+    const elRect = el.getBoundingClientRect();
+    const offsetLeft = elRect.x - innerSliderRect.x;
+    const centerOffset = offsetLeft + elRect.width / 2 - sliderRect.width / 2;
+    this._innerSliderRef.style.setProperty('--tw-translate-x', `-${centerOffset}px`);
+    this._checkBoundary();
     this._calculateIndicator();
   }
+  _checkBoundary() {
+    let outer = this._sliderRef.getBoundingClientRect();
+    const left = parseInt(this._innerSliderRef.style.getPropertyValue('--tw-translate-x'));
+    if (left > 0) {
+      this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);
+    }
+    const maxLeft = (this._totalWidth - outer.width) * -1;
+    if (left < maxLeft) {
+      this._innerSliderRef.style.setProperty('--tw-translate-x', `${maxLeft}px`);
+    }
+  }
   _calculateIndicator() {
     for (let i = 0; i < this._items.length; i++) {
       const item = this._items[i];
@@ -98,30 +137,40 @@ const ContentSlider = class {
       }
     }
   }
+  _checkLocation() {
+    var _a;
+    if (!this._shouldCheckLocation) {
+      return;
+    }
+    let scrollToIndex = null;
+    if (this._lastIndex !== this._visibleIndex) {
+      scrollToIndex = this._visibleIndex;
+    }
+    if (this._lastIndex === this._visibleIndex) {
+      if (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {
+        scrollToIndex = this._lastIndex - 1;
+      }
+      if (this._lastMouseX < this._startMouseX &&
+        this._lastIndex !== ((_a = this._items) === null || _a === void 0 ? void 0 : _a.length) - 1) {
+        scrollToIndex = this._lastIndex + 1;
+      }
+    }
+    if (scrollToIndex !== null) {
+      this._shouldCheckLocation = false;
+      setTimeout(() => this._scrollTo(scrollToIndex), 100);
+    }
+  }
   _isVisible(el) {
     if (!this._el || !el) {
       return false;
     }
     const elRect = el.getBoundingClientRect();
     const sliderRect = this._sliderRef.getBoundingClientRect();
-    return (elRect.left >= sliderRect.left && elRect.right <= sliderRect.right);
-  }
-  _scrollTo(i) {
-    if (this.disableIndicatorClick) {
-      return;
-    }
-    const el = this._items[i];
-    if (i === 0) {
-      this._innerSliderRef.style.left = '0px';
-      this._calculateIndicator();
-      return;
-    }
-    const sliderRect = this._sliderRef.getBoundingClientRect();
-    const elRect = el.getBoundingClientRect();
-    const centerOffset = el.offsetLeft + elRect.width / 2 - sliderRect.width / 2;
-    this._innerSliderRef.style.left = `-${centerOffset}px`;
-    this._checkBoundary();
-    this._calculateIndicator();
+    return ((elRect.left >= sliderRect.left &&
+      elRect.right <= sliderRect.right) ||
+      (this._isMobile(el) &&
+        elRect.left + elRect.width / 2 >= sliderRect.left &&
+        elRect.left + elRect.width / 2 <= sliderRect.right));
   }
   _calculateWidth() {
     let totalWidth = 0;
@@ -142,8 +191,18 @@ const ContentSlider = class {
       this._outerHeight = outerHeight;
     }
   }
+  _isMobile(el) {
+    if (!el) {
+      el = this._items.at(0);
+    }
+    const elRect = el.getBoundingClientRect();
+    const sliderRect = this._sliderRef.getBoundingClientRect();
+    return sliderRect.width - elRect.width < 10;
+  }
   get _el() { return getElement(this); }
 };
 ContentSlider.style = contentSliderComponentCss;
 export { ContentSlider as p_content_slider };
+//# sourceMappingURL=p-content-slider.entry.js.map

package/dist/esm/p-content-slider.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-content-slider.entry.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,g2FAAg2F;;MCer3F,aAAa;;;IA+Bd,WAAM,GAAkB,EAAE,CAAC;IAQ3B,yBAAoB,GAAG,KAAK,CAAC;+BAnCE,KAAK;uBAKb,KAAK;6BAKC,KAAK;iCAKD,KAAK;;wBAQd,CAAC;uBACF,CAAC;qBAYH,KAAK;;EAElC,mBAAmB;IACf,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACtD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAkB,CAAC;GACpD;EAED,gBAAgB;IACZ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IAClE,IAAI,CAAC,eAAe,EAAE,CAAC;IACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC9B;EAED,oBAAoB;IAChB,IAAI,IAAI,CAAC,0BAA0B,EAAE;MACjC,IAAI,CAAC,0BAA0B,CAAC,UAAU,EAAE,CAAC;KAChD;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC1B,WACI,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,IAC7C,IAAI,CAAC,SAAS,IAAI,UACtB,EAAE,EACF,KAAK,EAAE;QACH,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,IAAI;OACnC,EACD,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACnC,WAAW,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAC7C,YAAY,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAC9C,WAAW,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAC7C,WAAW,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAE7C,WACI,KAAK,EAAC,cAAc,EACpB,GAAG,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAC3C,eAAe,EAAE,MAAM,IAAI,CAAC,qBAAqB,EAAE,IAEnD,eAAQ,CACN,CACJ,EACN,WACI,KAAK,EAAE,aAAa,IAAI,CAAC,mBAAmB,IAAI,QAAQ,EAAE,IAEzD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAClB,WACI,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,EACtC,KAAK,EAAE,QACH,CAAC,IAAI,CAAC,qBAAqB,IAAI,gBACnC,EAAE,IAEF,0BACI,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,GAClC,CACA,CACT,CAAC,CACA,CACH,EACT;GACL;EAEO,iBAAiB,CAAC,CAAC;;IACvB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,EAAE;MACpC,OAAO;KACV;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAChE,IAAI,gBAAgB,CAAC,QAAQ,KAAK,MAAM,EAAE;MACtC,OAAO;KACV;IAED,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;IAC3D,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,EAAE;MACzB,IAAI,CAAC,YAAY,GAAG,MAAA,CAAC,CAAC,OAAO,0CAAG,CAAC,EAAE,OAAO,CAAC;KAC9C;IAED,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;IACrE,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IAEpD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC;IAC7D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;IACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;GACzB;EAEO,iBAAiB,CAAC,CAAC;;IACvB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,EAAE;MAC3C,OAAO;KACV;IAED,CAAC,CAAC,cAAc,EAAE,CAAC;IAEnB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;IAEjC,IACI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,EAAE,EACtE;MACE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;KACrD;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;IAC3D,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC;IACpC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC;IACvB,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;MACxB,CAAC,GAAG,CAAA,MAAA,CAAC,CAAC,OAAO,0CAAG,CAAC,EAAE,OAAO,IAAG,UAAU,CAAC,IAAI,CAAC;MAC7C,IAAI,CAAC,WAAW,GAAG,MAAA,CAAC,CAAC,OAAO,0CAAG,CAAC,EAAE,OAAO,CAAC;KAC7C;IAED,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAClC,kBAAkB,EAClB,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,IAAI,CAC1B,CAAC;IAEF,IAAI,CAAC,cAAc,EAAE,CAAC;IACtB,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC9B;EAEO,qBAAqB;IACzB,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC9B;EAID,cAAc;IACV,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAE5D,IAAI,CAAC,cAAc,EAAE,CAAC;GACzB;EAGD,aAAa;IACT,IAAI,IAAI,CAAC,eAAe,EAAE;MACtB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;MAClE,IAAI,CAAC,eAAe,EAAE,CAAC;MACvB,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC9B;GACJ;EAEO,mBAAmB,CAAC,GAAG;IAC3B,IAAI,CAAC,eAAe,GAAG,GAAG,CAAC;IAC3B,IAAI,CAAC,0BAA0B,GAAG,IAAI,cAAc,CAAC,MACjD,IAAI,CAAC,gBAAgB,EAAE,CAC1B,CAAC;IACF,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;GACjE;EAEO,SAAS,CAAC,CAAS,EAAE,MAAM,GAAG,KAAK;IACvC,IAAI,IAAI,CAAC,qBAAqB,IAAI,MAAM,EAAE;MACtC,OAAO;KACV;IAED,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE1B,IAAI,CAAC,KAAK,CAAC,EAAE;MACT,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;MAClE,OAAO;KACV;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;IAC3D,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;IACrE,MAAM,MAAM,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;IAE1C,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC;IAEhD,MAAM,YAAY,GACd,UAAU,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;IAEzD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAClC,kBAAkB,EAClB,IAAI,YAAY,IAAI,CACvB,CAAC;IAEF,IAAI,CAAC,cAAc,EAAE,CAAC;IACtB,IAAI,CAAC,mBAAmB,EAAE,CAAC;GAC9B;EAEO,cAAc;IAClB,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;IAEpD,MAAM,IAAI,GAAG,QAAQ,CACjB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAClE,CAAC;IACF,IAAI,IAAI,GAAG,CAAC,EAAE;MACV,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;KACrE;IAED,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IACtD,IAAI,IAAI,GAAG,OAAO,EAAE;MAChB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAClC,kBAAkB,EAClB,GAAG,OAAO,IAAI,CACjB,CAAC;KACL;GACJ;EAEO,mBAAmB;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACzC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;MAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;MAEtC,IAAI,OAAO,EAAE;QACT,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;OAC1B;MAED,IAAI,CAAC,KAAK,CAAC,IAAI,OAAO,EAAE;QACpB,MAAM;OACT;KACJ;GACJ;EAEO,cAAc;;IAClB,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;MAC5B,OAAO;KACV;IAED,IAAI,aAAa,GAAG,IAAI,CAAC;IACzB,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,aAAa,EAAE;MACxC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;KACtC;IAED,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,aAAa,EAAE;MACxC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,EAAE;QAC/D,aAAa,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;OACvC;MAED,IACI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY;QACpC,IAAI,CAAC,UAAU,KAAK,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,CAAC,EAC7C;QACE,aAAa,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;OACvC;KACJ;IAED,IAAI,aAAa,KAAK,IAAI,EAAE;MACxB,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;MAClC,UAAU,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,CAAC;KACxD;GACJ;EAEO,UAAU,CAAC,EAAe;IAC9B,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE;MAClB,OAAO,KAAK,CAAC;KAChB;IAED,MAAM,MAAM,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;IAE3D,QACI,CAAC,MAAM,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI;MAC3B,MAAM,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK;OACnC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;QACf,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,UAAU,CAAC,IAAI;QACjD,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,EACzD;GACL;EAEO,eAAe;IACnB,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;MAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;MAC1C,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC;KAC5B;IAED,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAElD,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,GAAG,GAAG,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAEtE,UAAU,IAAI,OAAO,GAAG,GAAG,CAAC;IAE5B,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;GACjC;EAEO,gBAAgB;IACpB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;IACrE,IAAI,WAAW,IAAI,IAAI,CAAC,YAAY,EAAE;MAClC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;KACnC;GACJ;EAEO,SAAS,CAAC,EAAgB;IAC9B,IAAI,CAAC,EAAE,EAAE;MACL,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KAC1B;IAED,MAAM,MAAM,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;IAE3D,OAAO,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;GAC/C;;;;;;;","names":[],"sources":["./src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","./src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col overflow-hidden;\n\n @apply p-16 -m-16;\n\n .slider {\n @apply overflow-visible relative box-content;\n\n &.draggable {\n @apply cursor-grab desktop-xs:cursor-auto;\n\n &.dragging {\n @apply cursor-grabbing desktop-xs:cursor-auto;\n\n .inner-slider {\n @apply transition-none;\n }\n }\n }\n\n .inner-slider {\n @apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n @apply will-change-transform transform-gpu translate-x-0;\n\n @apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n @apply transition-all;\n transition-duration: 0.5s;\n\n > ::slotted(*) {\n @apply w-full;\n @apply flex-shrink-0 z-10;\n\n @screen tablet {\n width: calc(50% - 0.5rem);\n }\n\n @screen desktop-xs {\n @apply w-0 flex-1;\n }\n\n position: relative;\n }\n }\n }\n\n .indicator {\n @apply flex justify-center items-center desktop-xs:hidden;\n\n .item {\n @apply mt-3 pt-1 px-1;\n }\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-content-slider',\n styleUrl: 'content-slider.component.scss',\n shadow: true,\n})\nexport class ContentSlider {\n /**\n * Wether to hide the indicator on mobile\n */\n @Prop() hideMobileIndicator: boolean = false;\n\n /**\n * Wether to disable dragging the content\n */\n @Prop() disableDrag: boolean = false;\n\n /**\n * Wether to disable auto centering the content\n */\n @Prop() disableAutoCenter: boolean = false;\n\n /**\n * Wether to disable clicking the indicator scrolls content\n */\n @Prop() disableIndicatorClick: boolean = false;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n @State() private _visibleIndex: number;\n @State() private _outerHeight = 0;\n @State() private _totalWidth = 0;\n private _sliderRef: HTMLElement;\n private _innerSliderRef: HTMLElement;\n private _items: HTMLElement[] = [];\n private _innerSliderResizeObserver: ResizeObserver;\n\n // mouse movement stuff\n private _startX: number;\n private _startMouseX: number;\n private _lastMouseX: number;\n private _lastIndex: number;\n private _shouldCheckLocation = false;\n @State() private _dragging = false;\n\n componentWillRender() {\n const items = this._el.querySelectorAll(':scope > *');\n this._items = Array.from(items) as HTMLElement[];\n }\n\n componentDidLoad() {\n this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n this._calculateWidth();\n this._calculateIndicator();\n }\n\n disconnectedCallback() {\n if (this._innerSliderResizeObserver) {\n this._innerSliderResizeObserver.disconnect();\n }\n }\n\n render() {\n return (\n <Host class=\"p-content-slider\">\n <div\n class={`slider ${!this.disableDrag && 'draggable'} ${\n this._dragging && 'dragging'\n }`}\n style={{\n height: `${this._outerHeight}px`,\n }}\n ref={(el) => (this._sliderRef = el)}\n onMouseDown={(e) => this._mouseDownHandler(e)}\n onTouchStart={(e) => this._mouseDownHandler(e)}\n onMouseMove={(e) => this._mouseMoveHandler(e)}\n onTouchMove={(e) => this._mouseMoveHandler(e)}\n >\n <div\n class=\"inner-slider\"\n ref={(ref) => this._setInnerSliderReft(ref)}\n onTransitionEnd={() => this._transitionEndHandler()}\n >\n <slot />\n </div>\n </div>\n <div\n class={`indicator ${this.hideMobileIndicator && 'hidden'}`}\n >\n {this._items.map((_, i) => (\n <div\n onClick={() => this._scrollTo(i, true)}\n class={`item ${\n !this.disableIndicatorClick && 'cursor-pointer'\n }`}\n >\n <p-slider-indicator\n active={i === this._visibleIndex}\n />\n </div>\n ))}\n </div>\n </Host>\n );\n }\n\n private _mouseDownHandler(e) {\n if (this.disableDrag || this._dragging) {\n return;\n }\n\n const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n if (innerSliderStyle.flexWrap === 'wrap') {\n return;\n }\n\n this._startMouseX = e.x;\n const sliderRect = this._sliderRef.getBoundingClientRect();\n if (e.type === 'touchstart') {\n this._startMouseX = e.touches?.[0].clientX;\n }\n\n const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n const offsetLeft = innerSliderRect.x - sliderRect.x;\n\n this._startX = this._startMouseX - sliderRect.x - offsetLeft;\n this._lastIndex = this._visibleIndex;\n this._dragging = true;\n }\n\n private _mouseMoveHandler(e) {\n if (!e || !this._dragging || this.disableDrag) {\n return;\n }\n\n e.preventDefault();\n\n this._shouldCheckLocation = true;\n\n if (\n this._innerSliderRef.style.getPropertyValue('pointer-events') === ''\n ) {\n this._innerSliderRef.style.pointerEvents = 'none';\n }\n\n const sliderRect = this._sliderRef.getBoundingClientRect();\n let x = e.clientX - sliderRect.left;\n this._lastMouseX = e.x;\n if (e.type === 'touchmove') {\n x = e.touches?.[0].clientX - sliderRect.left;\n this._lastMouseX = e.touches?.[0].clientX;\n }\n\n this._innerSliderRef.style.setProperty(\n '--tw-translate-x',\n `${x - this._startX}px`\n );\n\n this._checkBoundary();\n this._calculateIndicator();\n }\n\n private _transitionEndHandler() {\n this._calculateIndicator();\n }\n\n @Listen('mouseup', { target: 'window' })\n @Listen('touchend', { target: 'window' })\n mouseUpHandler() {\n this._dragging = false;\n this._innerSliderRef.style.removeProperty('pointer-events');\n\n this._checkLocation();\n }\n\n @Listen('resize', { target: 'window' })\n resizeHandler() {\n if (this._innerSliderRef) {\n this._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n this._calculateWidth();\n this._calculateIndicator();\n }\n }\n\n private _setInnerSliderReft(ref) {\n this._innerSliderRef = ref;\n this._innerSliderResizeObserver = new ResizeObserver(() =>\n this._calculateHeight()\n );\n this._innerSliderResizeObserver.observe(this._innerSliderRef);\n }\n\n private _scrollTo(i: number, manual = false) {\n if (this.disableIndicatorClick && manual) {\n return;\n }\n\n const el = this._items[i];\n\n if (i === 0) {\n this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n return;\n }\n\n const sliderRect = this._sliderRef.getBoundingClientRect();\n const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n const elRect = el.getBoundingClientRect();\n\n const offsetLeft = elRect.x - innerSliderRect.x;\n\n const centerOffset =\n offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n this._innerSliderRef.style.setProperty(\n '--tw-translate-x',\n `-${centerOffset}px`\n );\n\n this._checkBoundary();\n this._calculateIndicator();\n }\n\n private _checkBoundary() {\n let outer = this._sliderRef.getBoundingClientRect();\n\n const left = parseInt(\n this._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n );\n if (left > 0) {\n this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n }\n\n const maxLeft = (this._totalWidth - outer.width) * -1;\n if (left < maxLeft) {\n this._innerSliderRef.style.setProperty(\n '--tw-translate-x',\n `${maxLeft}px`\n );\n }\n }\n\n private _calculateIndicator() {\n for (let i = 0; i < this._items.length; i++) {\n const item = this._items[i];\n const visible = this._isVisible(item);\n\n if (visible) {\n this._visibleIndex = i;\n }\n\n if (i === 0 && visible) {\n break;\n }\n }\n }\n\n private _checkLocation() {\n if (!this._shouldCheckLocation) {\n return;\n }\n\n let scrollToIndex = null;\n if (this._lastIndex !== this._visibleIndex) {\n scrollToIndex = this._visibleIndex;\n }\n\n if (this._lastIndex === this._visibleIndex) {\n if (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n scrollToIndex = this._lastIndex - 1;\n }\n\n if (\n this._lastMouseX < this._startMouseX &&\n this._lastIndex !== this._items?.length - 1\n ) {\n scrollToIndex = this._lastIndex + 1;\n }\n }\n\n if (scrollToIndex !== null) {\n this._shouldCheckLocation = false;\n setTimeout(() => this._scrollTo(scrollToIndex), 100);\n }\n }\n\n private _isVisible(el: HTMLElement) {\n if (!this._el || !el) {\n return false;\n }\n\n const elRect = el.getBoundingClientRect();\n const sliderRect = this._sliderRef.getBoundingClientRect();\n\n return (\n (elRect.left >= sliderRect.left &&\n elRect.right <= sliderRect.right) ||\n (this._isMobile(el) &&\n elRect.left + elRect.width / 2 >= sliderRect.left &&\n elRect.left + elRect.width / 2 <= sliderRect.right)\n );\n }\n\n private _calculateWidth() {\n let totalWidth = 0;\n\n for (let item of this._items) {\n const rect = item.getBoundingClientRect();\n totalWidth += rect.width;\n }\n\n const sliderStyle = getComputedStyle(this._sliderRef);\n const padding = parseInt(sliderStyle.padding) * 2;\n\n const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n const gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n totalWidth += padding + gap;\n\n this._totalWidth = totalWidth;\n }\n\n private _calculateHeight() {\n const outerHeight = this._items.at(0).getBoundingClientRect().height;\n if (outerHeight != this._outerHeight) {\n this._outerHeight = outerHeight;\n }\n }\n\n private _isMobile(el?: HTMLElement) {\n if (!el) {\n el = this._items.at(0);\n }\n\n const elRect = el.getBoundingClientRect();\n const sliderRect = this._sliderRef.getBoundingClientRect();\n\n return sliderRect.width - elRect.width < 10;\n }\n}\n"],"version":3}

package/dist/esm/p-counter.entry.js CHANGED Viewed

@@ -1,17 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-9062156b.js';
+import { r as registerInstance, h, H as Host } from './index-2c1bdb40.js';
-const counterComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}";
+const counterComponentCss = ".flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xxs{font-size:.6875rem!important}";
 const Counter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * The variant of the counter
-     */
     this.variant = 'info';
-    /**
-     * The size of the counter
-     */
     this.size = 'default';
   }
   render() {
@@ -21,3 +15,5 @@ const Counter = class {
 Counter.style = counterComponentCss;
 export { Counter as p_counter };
+//# sourceMappingURL=p-counter.entry.js.map

package/dist/esm/p-counter.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-counter.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,qlMAAqlM;;MCOpmM,OAAO;;;mBAIiD,MAAM;gBAKpC,SAAS;;EAE5C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,OAAO,SAAS,IAAI,CAAC,IAAI,EAAE,IAC9D,eAAQ,CACL,EACT;GACL;;;;;;","names":[],"sources":["./src/components/atoms/counter/counter.component.scss?tag=p-counter&encapsulation=shadow","./src/components/atoms/counter/counter.component.tsx"],"sourcesContent":[":host {\n @apply h-4 px-2 bg-indigo rounded-xlarge;\n @apply text-xs leading-3 text-white font-bold uppercase;\n @apply flex justify-center items-center;\n}\n\n:host(.variant-positive),\n:host(.variant-unbiased),\n:host(.variant-negative) {\n @apply rounded px-1 min-w-[1rem];\n}\n\n:host(.variant-positive) {\n @apply bg-positive-light text-positive-dark;\n}\n\n:host(.variant-unbiased) {\n @apply bg-unbiased-light text-unbiased-dark;\n}\n\n:host(.variant-negative) {\n @apply bg-negative-light text-negative-dark;\n}\n\n:host(.size-mini) {\n @apply w-2 h-2 rounded-round p-0 min-w-0;\n\n slot {\n display: none;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-counter',\n styleUrl: 'counter.component.scss',\n shadow: true,\n})\nexport class Counter {\n /**\n * The variant of the counter\n */\n @Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n /**\n * The size of the counter\n */\n @Prop() size: 'default' | 'mini' = 'default';\n\n render() {\n return (\n <Host class={`p-counter variant-${this.variant} size-${this.size}`}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}