npm - @pod-os/elements - Versions diffs - 0.17.1-fef97c9.0 → 0.18.1-a971174.0 - Mend

@pod-os/elements 0.17.1-fef97c9.0 → 0.18.1-a971174.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 (457) hide show

package/dist/components/ion-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ion-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
1	+ {"file":"ion-header.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/header/header.utils.js","../node_modules/@ionic/core/dist/collection/components/header/header.ios.css?tag=ion-header&mode=ios","../node_modules/@ionic/core/dist/collection/components/header/header.md.css?tag=ion-header&mode=md","../node_modules/@ionic/core/dist/collection/components/header/header.js"],"sourcesContent":["/!\n (C) Ionic http://ionicframework.com - MIT License\n /\nimport { readTask, writeTask } from \"@stencil/core\";\nimport { clamp } from \"../../utils/helpers\";\nconst TRANSITION = 'all 0.2s ease-in-out';\nexport const cloneElement = (tagName) => {\n const getCachedEl = document.querySelector(`${tagName}.ion-cloned-element`);\n if (getCachedEl !== null) {\n return getCachedEl;\n }\n const clonedEl = document.createElement(tagName);\n clonedEl.classList.add('ion-cloned-element');\n clonedEl.style.setProperty('display', 'none');\n document.body.appendChild(clonedEl);\n return clonedEl;\n};\nexport const createHeaderIndex = (headerEl) => {\n if (!headerEl) {\n return;\n }\n const toolbars = headerEl.querySelectorAll('ion-toolbar');\n return {\n el: headerEl,\n toolbars: Array.from(toolbars).map((toolbar) => {\n const ionTitleEl = toolbar.querySelector('ion-title');\n return {\n el: toolbar,\n background: toolbar.shadowRoot.querySelector('.toolbar-background'),\n ionTitleEl,\n innerTitleEl: ionTitleEl ? ionTitleEl.shadowRoot.querySelector('.toolbar-title') : null,\n ionButtonsEl: Array.from(toolbar.querySelectorAll('ion-buttons')),\n };\n }),\n };\n};\nexport const handleContentScroll = (scrollEl, scrollHeaderIndex, contentEl) => {\n readTask(() => {\n const scrollTop = scrollEl.scrollTop;\n const scale = clamp(1, 1 + -scrollTop / 500, 1.1);\n // Native refresher should not cause titles to scale\n const nativeRefresher = contentEl.querySelector('ion-refresher.refresher-native');\n if (nativeRefresher === null) {\n writeTask(() => {\n scaleLargeTitles(scrollHeaderIndex.toolbars, scale);\n });\n }\n });\n};\nexport const setToolbarBackgroundOpacity = (headerEl, opacity) => {\n /\n Fading in the backdrop opacity\n * should happen after the large title\n * has collapsed, so it is handled\n * by handleHeaderFade()\n /\n if (headerEl.collapse === 'fade') {\n return;\n }\n if (opacity === undefined) {\n headerEl.style.removeProperty('--opacity-scale');\n }\n else {\n headerEl.style.setProperty('--opacity-scale', opacity.toString());\n }\n};\nconst handleToolbarBorderIntersection = (ev, mainHeaderIndex, scrollTop) => {\n if (!ev[0].isIntersecting) {\n return;\n }\n /\n There is a bug in Safari where overflow scrolling on a non-body element\n * does not always reset the scrollTop position to 0 when letting go. It will\n * set to 1 once the rubber band effect has ended. This causes the background to\n * appear slightly on certain app setups.\n \n Additionally, we check if user is rubber banding (scrolling is negative)\n * as this can mean they are using pull to refresh. Once the refresher starts,\n * the content is transformed which can cause the intersection observer to erroneously\n * fire here as well.\n /\n const scale = ev[0].intersectionRatio > 0.9 \|\| scrollTop <= 0 ? 0 : ((1 - ev[0].intersectionRatio) 100) / 75;\n setToolbarBackgroundOpacity(mainHeaderIndex.el, scale === 1 ? undefined : scale);\n};\n/*\n If toolbars are intersecting, hide the scrollable toolbar content\n * and show the primary toolbar content. If the toolbars are not intersecting,\n * hide the primary toolbar content and show the scrollable toolbar content\n /\nexport const handleToolbarIntersection = (ev, // TODO(FW-2832): type (IntersectionObserverEntry[] triggers errors which should be sorted)\nmainHeaderIndex, scrollHeaderIndex, scrollEl) => {\n writeTask(() => {\n const scrollTop = scrollEl.scrollTop;\n handleToolbarBorderIntersection(ev, mainHeaderIndex, scrollTop);\n const event = ev[0];\n const intersection = event.intersectionRect;\n const intersectionArea = intersection.width intersection.height;\n const rootArea = event.rootBounds.width * event.rootBounds.height;\n const isPageHidden = intersectionArea === 0 && rootArea === 0;\n const leftDiff = Math.abs(intersection.left - event.boundingClientRect.left);\n const rightDiff = Math.abs(intersection.right - event.boundingClientRect.right);\n const isPageTransitioning = intersectionArea > 0 && (leftDiff >= 5 \|\| rightDiff >= 5);\n if (isPageHidden \|\| isPageTransitioning) {\n return;\n }\n if (event.isIntersecting) {\n setHeaderActive(mainHeaderIndex, false);\n setHeaderActive(scrollHeaderIndex);\n }\n else {\n /*\n There is a bug with IntersectionObserver on Safari\n * where `event.isIntersecting === false` when cancelling\n * a swipe to go back gesture. Checking the intersection\n * x, y, width, and height provides a workaround. This bug\n * does not happen when using Safari + Web Animations,\n * only Safari + CSS Animations.\n /\n const hasValidIntersection = (intersection.x === 0 && intersection.y === 0) \|\| (intersection.width !== 0 && intersection.height !== 0);\n if (hasValidIntersection && scrollTop > 0) {\n setHeaderActive(mainHeaderIndex);\n setHeaderActive(scrollHeaderIndex, false);\n setToolbarBackgroundOpacity(mainHeaderIndex.el);\n }\n }\n });\n};\nexport const setHeaderActive = (headerIndex, active = true) => {\n const headerEl = headerIndex.el;\n if (active) {\n headerEl.classList.remove('header-collapse-condense-inactive');\n headerEl.removeAttribute('aria-hidden');\n }\n else {\n headerEl.classList.add('header-collapse-condense-inactive');\n headerEl.setAttribute('aria-hidden', 'true');\n }\n};\nexport const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {\n toolbars.forEach((toolbar) => {\n const ionTitle = toolbar.ionTitleEl;\n const titleDiv = toolbar.innerTitleEl;\n if (!ionTitle \|\| ionTitle.size !== 'large') {\n return;\n }\n titleDiv.style.transition = transition ? TRANSITION : '';\n titleDiv.style.transform = `scale3d(${scale}, ${scale}, 1)`;\n });\n};\nexport const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {\n readTask(() => {\n const scrollTop = scrollEl.scrollTop;\n const baseElHeight = baseEl.clientHeight;\n const fadeStart = condenseHeader ? condenseHeader.clientHeight : 0;\n /\n If we are using fade header with a condense\n * header, then the toolbar backgrounds should\n * not begin to fade in until the condense\n * header has fully collapsed.\n \n Additionally, the main content should not\n * overflow out of the container until the\n * condense header has fully collapsed. When\n * using just the condense header the content\n * should overflow out of the container.\n /\n if (condenseHeader !== null && scrollTop < fadeStart) {\n baseEl.style.setProperty('--opacity-scale', '0');\n scrollEl.style.setProperty('clip-path', `inset(${baseElHeight}px 0px 0px 0px)`);\n return;\n }\n const distanceToStart = scrollTop - fadeStart;\n const fadeDuration = 10;\n const scale = clamp(0, distanceToStart / fadeDuration, 1);\n writeTask(() => {\n scrollEl.style.removeProperty('clip-path');\n baseEl.style.setProperty('--opacity-scale', scale.toString());\n });\n });\n};\n","/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\nion-header {\n display: block;\n position: relative;\n order: -1;\n width: 100%;\n z-index: 10;\n}\n\nion-header ion-toolbar:first-of-type {\n padding-top: var(--ion-safe-area-top, 0);\n}\n\n/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n.header-ios ion-toolbar:last-of-type {\n --border-width: 0 0 0.55px;\n}\n\n@supports (backdrop-filter: blur(0)) {\n .header-background {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n backdrop-filter: saturate(180%) blur(20px);\n }\n .header-translucent-ios ion-toolbar {\n --opacity: .8;\n }\n /\n Disable the saturation otherwise it distorts the content\n * background color when large header is not collapsed\n /\n .header-collapse-condense-inactive .header-background {\n backdrop-filter: blur(20px);\n }\n}\n.header-ios.ion-no-border ion-toolbar:last-of-type {\n --border-width: 0;\n}\n\n.header-collapse-fade ion-toolbar {\n --opacity-scale: inherit;\n}\n\n.header-collapse-condense {\n z-index: 9;\n}\n\n.header-collapse-condense ion-toolbar {\n position: sticky;\n top: 0;\n}\n\n.header-collapse-condense ion-toolbar:first-of-type {\n /\n The toolbar that contains the collapsible\n * large title should not have safe area padding applied.\n /\n padding-top: 0px;\n z-index: 1;\n}\n\n/\n Large title toolbar should just use the content background\n * since it needs to blend in with the header above it.\n /\n.header-collapse-condense ion-toolbar {\n --background: var(--ion-background-color, #fff);\n z-index: 0;\n}\n\n.header-collapse-condense ion-toolbar:last-of-type {\n --border-width: 0px;\n}\n\n.header-collapse-condense ion-toolbar ion-searchbar {\n padding-top: 0px;\n padding-bottom: 13px;\n}\n\n.header-collapse-main {\n --opacity-scale: 1;\n}\n\n.header-collapse-main ion-toolbar {\n --opacity-scale: inherit;\n}\n\n.header-collapse-main ion-toolbar.in-toolbar ion-title,\n.header-collapse-main ion-toolbar.in-toolbar ion-buttons {\n transition: all 0.2s ease-in-out;\n}\n\n.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,\n.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse {\n opacity: 0;\n pointer-events: none;\n}\n\n/\n There is a bug in Safari where changing\n * the opacity of an element in a scrollable container\n * while rubber-banding causes the scroll position\n * to jump to the top\n /\n.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,\n.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse {\n visibility: hidden;\n}\n\n/\n The main header is only hidden once the collapsible large\n * title is configured. As a result, if the main header loads\n * before the collapsible large title is configured then the\n * main header will be visible briefly before being hidden\n * by the collapsible large title.\n \n The following selector ensures that any main header\n * on a page with a collapsible large title is hidden\n * before the collapsible large title is configured.\n * Once the collapsible large title is configured the main\n * header will have the \".header-collapse-main\" class, and\n * this selector will no longer apply.\n \n The :has(...) part of the selector ensures a couple things:\n * 1. This will only apply within a page view since the content\n * must be a subsequent-sibling of the header (~ ion-content).\n * 2. This will only apply when that content has a collapse header (ion-header[collapse=\"condense\"])\n \n We use opacity: 0 to avoid a layout shift.\n * We target both the attribute and the class in the event that the attribute\n * is not reflected on the host in some frameworks.\n \n Both headers should be scoped to iOS mode otherwise an MD app that uses an\n * iOS header may cause other MD headers to be unexpectedly hidden.\n /\nion-header.header-ios:not(.header-collapse-main):has(~ ion-content ion-header.header-ios[collapse=condense],\n~ ion-content ion-header.header-ios.header-collapse-condense) {\n opacity: 0;\n}","/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\nion-header {\n display: block;\n position: relative;\n order: -1;\n width: 100%;\n z-index: 10;\n}\n\nion-header ion-toolbar:first-of-type {\n padding-top: var(--ion-safe-area-top, 0);\n}\n\n/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n.header-md {\n box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);\n}\n\n.header-collapse-condense {\n display: none;\n}\n\n.header-md.ion-no-border {\n box-shadow: none;\n}","/!\n * (C) Ionic http://ionicframework.com - MIT License\n /\nimport { Host, h, writeTask } from \"@stencil/core\";\nimport { findIonContent, getScrollElement, printIonContentErrorMsg } from \"../../utils/content/index\";\nimport { inheritAriaAttributes } from \"../../utils/helpers\";\nimport { hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\nimport { cloneElement, createHeaderIndex, handleContentScroll, handleHeaderFade, handleToolbarIntersection, setHeaderActive, setToolbarBackgroundOpacity, } from \"./header.utils\";\n/\n @virtualProp {\"ios\" \| \"md\"} mode - The mode determines which platform styles to use.\n /\nexport class Header {\n constructor() {\n this.inheritedAttributes = {};\n this.setupFadeHeader = async (contentEl, condenseHeader) => {\n const scrollEl = (this.scrollEl = await getScrollElement(contentEl));\n /\n Handle fading of toolbars on scroll\n /\n this.contentScrollCallback = () => {\n handleHeaderFade(this.scrollEl, this.el, condenseHeader);\n };\n scrollEl.addEventListener('scroll', this.contentScrollCallback);\n handleHeaderFade(this.scrollEl, this.el, condenseHeader);\n };\n this.collapse = undefined;\n this.translucent = false;\n }\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el);\n }\n componentDidLoad() {\n this.checkCollapsibleHeader();\n }\n componentDidUpdate() {\n this.checkCollapsibleHeader();\n }\n disconnectedCallback() {\n this.destroyCollapsibleHeader();\n }\n async checkCollapsibleHeader() {\n const mode = getIonMode(this);\n if (mode !== 'ios') {\n return;\n }\n const { collapse } = this;\n const hasCondense = collapse === 'condense';\n const hasFade = collapse === 'fade';\n this.destroyCollapsibleHeader();\n if (hasCondense) {\n const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');\n const contentEl = pageEl ? findIonContent(pageEl) : null;\n // Cloned elements are always needed in iOS transition\n writeTask(() => {\n const title = cloneElement('ion-title');\n title.size = 'large';\n cloneElement('ion-back-button');\n });\n await this.setupCondenseHeader(contentEl, pageEl);\n }\n else if (hasFade) {\n const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');\n const contentEl = pageEl ? findIonContent(pageEl) : null;\n if (!contentEl) {\n printIonContentErrorMsg(this.el);\n return;\n }\n const condenseHeader = contentEl.querySelector('ion-header[collapse=\"condense\"]');\n await this.setupFadeHeader(contentEl, condenseHeader);\n }\n }\n destroyCollapsibleHeader() {\n if (this.intersectionObserver) {\n this.intersectionObserver.disconnect();\n this.intersectionObserver = undefined;\n }\n if (this.scrollEl && this.contentScrollCallback) {\n this.scrollEl.removeEventListener('scroll', this.contentScrollCallback);\n this.contentScrollCallback = undefined;\n }\n if (this.collapsibleMainHeader) {\n this.collapsibleMainHeader.classList.remove('header-collapse-main');\n this.collapsibleMainHeader = undefined;\n }\n }\n async setupCondenseHeader(contentEl, pageEl) {\n if (!contentEl \|\| !pageEl) {\n printIonContentErrorMsg(this.el);\n return;\n }\n if (typeof IntersectionObserver === 'undefined') {\n return;\n }\n this.scrollEl = await getScrollElement(contentEl);\n const headers = pageEl.querySelectorAll('ion-header');\n this.collapsibleMainHeader = Array.from(headers).find((header) => header.collapse !== 'condense');\n if (!this.collapsibleMainHeader) {\n return;\n }\n const mainHeaderIndex = createHeaderIndex(this.collapsibleMainHeader);\n const scrollHeaderIndex = createHeaderIndex(this.el);\n if (!mainHeaderIndex \|\| !scrollHeaderIndex) {\n return;\n }\n setHeaderActive(mainHeaderIndex, false);\n setToolbarBackgroundOpacity(mainHeaderIndex.el, 0);\n /\n Handle interaction between toolbar collapse and\n * showing/hiding content in the primary ion-header\n * as well as progressively showing/hiding the main header\n * border as the top-most toolbar collapses or expands.\n /\n const toolbarIntersection = (ev) => {\n handleToolbarIntersection(ev, mainHeaderIndex, scrollHeaderIndex, this.scrollEl);\n };\n this.intersectionObserver = new IntersectionObserver(toolbarIntersection, {\n root: contentEl,\n threshold: [0.25, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1],\n });\n this.intersectionObserver.observe(scrollHeaderIndex.toolbars[scrollHeaderIndex.toolbars.length - 1].el);\n /\n Handle scaling of large iOS titles and\n * showing/hiding border on last toolbar\n * in primary header\n */\n this.contentScrollCallback = () => {\n handleContentScroll(this.scrollEl, scrollHeaderIndex, contentEl);\n };\n this.scrollEl.addEventListener('scroll', this.contentScrollCallback);\n writeTask(() => {\n if (this.collapsibleMainHeader !== undefined) {\n this.collapsibleMainHeader.classList.add('header-collapse-main');\n }\n });\n }\n render() {\n const { translucent, inheritedAttributes } = this;\n const mode = getIonMode(this);\n const collapse = this.collapse \|\| 'none';\n // banner role must be at top level, so remove role if inside a menu\n const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';\n return (h(Host, Object.assign({ key: '9fa0af97b605f9fe98b13361bc3d1289745c549f', role: roleType, class: {\n [mode]: true,\n // Used internally for styling\n [`header-${mode}`]: true,\n [`header-translucent`]: this.translucent,\n [`header-collapse-${collapse}`]: true,\n [`header-translucent-${mode}`]: this.translucent,\n } }, inheritedAttributes), mode === 'ios' && translucent && h(\"div\", { key: '1a780d2625302f2465718e304bdd3794c89c9845', class: \"header-background\" }), h(\"slot\", { key: 'b2b8557b44be40c590bfcc362ac4350f9f8b889e' })));\n }\n static get is() { return \"ion-header\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"header.ios.scss\"],\n \"md\": [\"header.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"header.ios.css\"],\n \"md\": [\"header.md.css\"]\n };\n }\n static get properties() {\n return {\n \"collapse\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'condense' \| 'fade'\",\n \"resolved\": \"\\\"condense\\\" \| \\\"fade\\\" \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Describes the scroll effect that will be applied to the header.\\nOnly applies in iOS mode.\\n\\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)\"\n },\n \"attribute\": \"collapse\",\n \"reflect\": false\n },\n \"translucent\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the header will be translucent.\\nOnly applies when the mode is `\\\"ios\\\"` and the device supports\\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\\n\\nNote: In order to scroll content behind the header, the `fullscreen`\\nattribute needs to be set on the content.\"\n },\n \"attribute\": \"translucent\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/ion-title.js CHANGED Viewed

@@ -1,4 +1,73 @@
-import { T as ToolbarTitle, d as defineCustomElement$1 } from './title.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as createColorClasses } from './theme.js';
+import { g as getIonMode } from './ionic-global.js';
+const titleIosCss = ":host{--color:initial;display:flex;flex:1;align-items:center;transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)){left:unset;right:unset;right:0}}}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;transform-origin:left center;position:static;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{transform-origin:calc(100% - inherit)}}";
+const IonTitleIosStyle0 = titleIosCss;
+const titleMdCss = ":host{--color:initial;display:flex;flex:1;align-items:center;transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}";
+const IonTitleMdStyle0 = titleMdCss;
+const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.ionStyle = createEvent(this, "ionStyle", 7);
+        this.color = undefined;
+        this.size = undefined;
+    }
+    sizeChanged() {
+        this.emitStyle();
+    }
+    connectedCallback() {
+        this.emitStyle();
+    }
+    emitStyle() {
+        const size = this.getSize();
+        this.ionStyle.emit({
+            [`title-${size}`]: true,
+        });
+    }
+    getSize() {
+        return this.size !== undefined ? this.size : 'default';
+    }
+    render() {
+        const mode = getIonMode(this);
+        const size = this.getSize();
+        return (h(Host, { key: '6f43362b782ef7d340c241bb66f1469663c03cc1', class: createColorClasses(this.color, {
+                [mode]: true,
+                [`title-${size}`]: true,
+                'title-rtl': document.dir === 'rtl',
+            }) }, h("div", { key: '9c3ff1a289e533ee3426b71ab5560fbea3529502', class: "toolbar-title" }, h("slot", { key: '50d5cc5a1519ad58f1994d2f8c8f08f62baac1fe' }))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "size": ["sizeChanged"]
+    }; }
+    static get style() { return {
+        ios: IonTitleIosStyle0,
+        md: IonTitleMdStyle0
+    }; }
+}, [33, "ion-title", {
+        "color": [513],
+        "size": [1]
+    }, undefined, {
+        "size": ["sizeChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-title"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-title":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ToolbarTitle);
+            }
+            break;
+    } });
+}
 const IonTitle = ToolbarTitle;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ion-title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ion-title.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
1	+ {"file":"ion-title.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,u6DAAu6D,CAAC;AAC57D,0BAAe,WAAW;;ACD1B,MAAM,UAAU,GAAG,2lBAA2lB,CAAC;AAC/mB,yBAAe,UAAU;;MCKZ,YAAY;IACrB;;;;;QACI,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;KACzB;IACD,WAAW;QACP,IAAI,CAAC,SAAS,EAAE,CAAC;KACpB;IACD,iBAAiB;QACb,IAAI,CAAC,SAAS,EAAE,CAAC;KACpB;IACD,SAAS;QACL,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACf,CAAC,SAAS,IAAI,EAAE,GAAG,IAAI;SAC1B,CAAC,CAAC;KACN;IACD,OAAO;QACH,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;KAC1D;IACD,MAAM;QACF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;gBACjG,CAAC,IAAI,GAAG,IAAI;gBACZ,CAAC,SAAS,IAAI,EAAE,GAAG,IAAI;gBACvB,WAAW,EAAE,QAAQ,CAAC,GAAG,KAAK,KAAK;aACtC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,EAAE;KACrK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/title/title.ios.css?tag=ion-title&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/title/title.md.css?tag=ion-title&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/title/title.js"],"sourcesContent":["/*\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n /\n @prop --color: Text color of the title\n /\n --color: initial;\n display: flex;\n flex: 1;\n align-items: center;\n transform: translateZ(0);\n color: var(--color);\n}\n\n:host(.ion-color) {\n color: var(--ion-color-base);\n}\n\n.toolbar-title {\n display: block;\n width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n pointer-events: auto;\n}\n\n:host(.title-small) .toolbar-title {\n white-space: normal;\n}\n\n:host {\n top: 0;\n -webkit-padding-start: 90px;\n padding-inline-start: 90px;\n -webkit-padding-end: 90px;\n padding-inline-end: 90px;\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n position: absolute;\n width: 100%;\n height: 100%;\n transform: translateZ(0);\n font-size: min(1.0625rem, 20.4px);\n font-weight: 600;\n text-align: center;\n box-sizing: border-box;\n pointer-events: none;\n}\n@supports (inset-inline-start: 0) {\n :host {\n inset-inline-start: 0;\n }\n}\n@supports not (inset-inline-start: 0) {\n :host {\n left: 0;\n }\n :host-context([dir=rtl]) {\n left: unset;\n right: unset;\n right: 0;\n }\n @supports selector(:dir(rtl)) {\n :host(:dir(rtl)) {\n left: unset;\n right: unset;\n right: 0;\n }\n }\n}\n\n:host(.title-small) {\n -webkit-padding-start: 9px;\n padding-inline-start: 9px;\n -webkit-padding-end: 9px;\n padding-inline-end: 9px;\n padding-top: 6px;\n padding-bottom: 16px;\n position: relative;\n font-size: min(0.8125rem, 23.4px);\n font-weight: normal;\n}\n\n:host(.title-large) {\n -webkit-padding-start: 12px;\n padding-inline-start: 12px;\n -webkit-padding-end: 12px;\n padding-inline-end: 12px;\n padding-top: 2px;\n padding-bottom: 4px;\n transform-origin: left center;\n position: static;\n align-items: flex-end;\n min-width: 100%;\n font-size: min(2.125rem, 61.2px);\n font-weight: 700;\n text-align: start;\n}\n\n:host(.title-large.title-rtl) {\n transform-origin: right center;\n}\n\n:host(.title-large.ion-cloned-element) {\n --color: var(--ion-text-color, #000);\n font-family: var(--ion-font-family);\n}\n\n:host(.title-large) .toolbar-title {\n transform-origin: inherit;\n /\n During a page transition\n * if the large title and the back button\n * texts match up, the back button should be\n * scaled to roughly match the dimensions of\n * the large title text. The following line\n * ensures that the scale values are accurate.\n /\n width: auto;\n}\n:host-context([dir=rtl]):host(.title-large) .toolbar-title, :host-context([dir=rtl]).title-large .toolbar-title {\n transform-origin: calc(100% - inherit);\n}\n\n@supports selector(:dir(rtl)) {\n :host(.title-large:dir(rtl)) .toolbar-title {\n transform-origin: calc(100% - inherit);\n }\n}","/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n /\n @prop --color: Text color of the title\n /\n --color: initial;\n display: flex;\n flex: 1;\n align-items: center;\n transform: translateZ(0);\n color: var(--color);\n}\n\n:host(.ion-color) {\n color: var(--ion-color-base);\n}\n\n.toolbar-title {\n display: block;\n width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n pointer-events: auto;\n}\n\n:host(.title-small) .toolbar-title {\n white-space: normal;\n}\n\n:host {\n -webkit-padding-start: 20px;\n padding-inline-start: 20px;\n -webkit-padding-end: 20px;\n padding-inline-end: 20px;\n padding-top: 0;\n padding-bottom: 0;\n font-size: 1.25rem;\n font-weight: 500;\n letter-spacing: 0.0125em;\n}\n\n:host(.title-small) {\n width: 100%;\n height: 100%;\n font-size: 0.9375rem;\n font-weight: normal;\n}","/!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class ToolbarTitle {\n constructor() {\n this.color = undefined;\n this.size = undefined;\n }\n sizeChanged() {\n this.emitStyle();\n }\n connectedCallback() {\n this.emitStyle();\n }\n emitStyle() {\n const size = this.getSize();\n this.ionStyle.emit({\n [`title-${size}`]: true,\n });\n }\n getSize() {\n return this.size !== undefined ? this.size : 'default';\n }\n render() {\n const mode = getIonMode(this);\n const size = this.getSize();\n return (h(Host, { key: '6f43362b782ef7d340c241bb66f1469663c03cc1', class: createColorClasses(this.color, {\n [mode]: true,\n [`title-${size}`]: true,\n 'title-rtl': document.dir === 'rtl',\n }) }, h(\"div\", { key: '9c3ff1a289e533ee3426b71ab5560fbea3529502', class: \"toolbar-title\" }, h(\"slot\", { key: '50d5cc5a1519ad58f1994d2f8c8f08f62baac1fe' }))));\n }\n static get is() { return \"ion-title\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"title.ios.scss\"],\n \"md\": [\"title.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"title.ios.css\"],\n \"md\": [\"title.md.css\"]\n };\n }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"danger\\\" \| \\\"dark\\\" \| \\\"light\\\" \| \\\"medium\\\" \| \\\"primary\\\" \| \\\"secondary\\\" \| \\\"success\\\" \| \\\"tertiary\\\" \| \\\"warning\\\" \| string & Record<never, never> \| undefined\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n },\n \"attribute\": \"color\",\n \"reflect\": true\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'large' \| 'small'\",\n \"resolved\": \"\\\"large\\\" \| \\\"small\\\" \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the toolbar title.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"ionStyle\",\n \"name\": \"ionStyle\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"Emitted when the styles change.\"\n },\n \"complexType\": {\n \"original\": \"StyleEventDetail\",\n \"resolved\": \"StyleEventDetail\",\n \"references\": {\n \"StyleEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::StyleEventDetail\"\n }\n }\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"size\",\n \"methodName\": \"sizeChanged\"\n }];\n }\n}\n"],"version":3}

package/dist/components/ion-toolbar.js CHANGED Viewed

@@ -1,4 +1,91 @@
-import { T as Toolbar, d as defineCustomElement$1 } from './toolbar.js';
+import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { c as createColorClasses, h as hostContext } from './theme.js';
+import { g as getIonMode } from './ionic-global.js';
+const toolbarIosCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{flex:1;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){order:2}::slotted([slot=secondary]){order:3}::slotted([slot=primary]){order:5;text-align:end}::slotted([slot=end]){order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{flex-wrap:wrap;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{flex:1;order:8;min-width:100%}";
+const IonToolbarIosStyle0 = toolbarIosCss;
+const toolbarMdCss = ":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{flex:1;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){order:2}::slotted([slot=secondary]){order:4}::slotted([slot=primary]){order:5;text-align:end}::slotted([slot=end]){order:6;text-align:end}";
+const IonToolbarMdStyle0 = toolbarMdCss;
+const Toolbar = /*@__PURE__*/ proxyCustomElement(class Toolbar extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.childrenStyles = new Map();
+        this.color = undefined;
+    }
+    componentWillLoad() {
+        const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));
+        const firstButtons = buttons.find((button) => {
+            return button.slot === 'start';
+        });
+        if (firstButtons) {
+            firstButtons.classList.add('buttons-first-slot');
+        }
+        const buttonsReversed = buttons.reverse();
+        const lastButtons = buttonsReversed.find((button) => button.slot === 'end') ||
+            buttonsReversed.find((button) => button.slot === 'primary') ||
+            buttonsReversed.find((button) => button.slot === 'secondary');
+        if (lastButtons) {
+            lastButtons.classList.add('buttons-last-slot');
+        }
+    }
+    childrenStyle(ev) {
+        ev.stopPropagation();
+        const tagName = ev.target.tagName;
+        const updatedStyles = ev.detail;
+        const newStyles = {};
+        const childStyles = this.childrenStyles.get(tagName) || {};
+        let hasStyleChange = false;
+        Object.keys(updatedStyles).forEach((key) => {
+            const childKey = `toolbar-${key}`;
+            const newValue = updatedStyles[key];
+            if (newValue !== childStyles[childKey]) {
+                hasStyleChange = true;
+            }
+            if (newValue) {
+                newStyles[childKey] = true;
+            }
+        });
+        if (hasStyleChange) {
+            this.childrenStyles.set(tagName, newStyles);
+            forceUpdate(this);
+        }
+    }
+    render() {
+        const mode = getIonMode(this);
+        const childStyles = {};
+        this.childrenStyles.forEach((value) => {
+            Object.assign(childStyles, value);
+        });
+        return (h(Host, { key: '8907ed75fbb2b1dced55c481bba6363f1dca815b', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {
+                [mode]: true,
+                'in-toolbar': hostContext('ion-toolbar', this.el),
+            })) }, h("div", { key: '6bfa09b08d6517f0d680f53b739854cecd631bc9', class: "toolbar-background" }), h("div", { key: '1531bd6dd9e0a5843309bba854b744c453037ad0', class: "toolbar-container" }, h("slot", { key: '881b41697d386eae651b019128573f0fa432cd33', name: "start" }), h("slot", { key: '64a284e6eae5311ac3125dfadb4bb32bdba9d089', name: "secondary" }), h("div", { key: 'c1f47503563b38084b27d7ba54f17ec478482b94', class: "toolbar-content" }, h("slot", { key: '9a85acfba72252705619ae32acae9c14f81aa57d' })), h("slot", { key: '89e08bd761dc6940dbebc5d06f5f080af204aa72', name: "primary" }), h("slot", { key: 'a1cb7d95627f8a3d24dd4b9c11718fc164f53674', name: "end" }))));
+    }
+    get el() { return this; }
+    static get style() { return {
+        ios: IonToolbarIosStyle0,
+        md: IonToolbarMdStyle0
+    }; }
+}, [33, "ion-toolbar", {
+        "color": [513]
+    }, [[0, "ionStyle", "childrenStyle"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-toolbar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-toolbar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Toolbar);
+            }
+            break;
+    } });
+}
 const IonToolbar = Toolbar;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ion-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ion-toolbar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
1	+ {"file":"ion-toolbar.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.ios.css?tag=ion-toolbar&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.md.css?tag=ion-toolbar&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.js"],"sourcesContent":["/*\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n /\n @prop --background: Background of the toolbar\n \n @prop --border-color: Color of the toolbar border\n * @prop --border-style: Style of the toolbar border\n * @prop --border-width: Width of the toolbar border\n \n @prop --color: Color of the toolbar text\n \n @prop --min-height: Minimum height of the toolbar\n \n @prop --opacity: Opacity of the toolbar background\n \n @prop --padding-top: Top padding of the toolbar\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar\n * @prop --padding-bottom: Bottom padding of the toolbar\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar\n /\n --border-width: 0;\n --border-style: solid;\n --opacity: 1;\n --opacity-scale: 1;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n display: block;\n position: relative;\n width: 100%;\n padding-right: var(--ion-safe-area-right);\n padding-left: var(--ion-safe-area-left);\n color: var(--color);\n font-family: var(--ion-font-family, inherit);\n contain: content;\n z-index: 10;\n box-sizing: border-box;\n}\n\n:host(.ion-color) {\n color: var(--ion-color-contrast);\n}\n\n:host(.ion-color) .toolbar-background {\n background: var(--ion-color-base);\n}\n\n.toolbar-container {\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n display: flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n min-height: var(--min-height);\n contain: content;\n overflow: hidden;\n z-index: 10;\n box-sizing: border-box;\n}\n\n.toolbar-background {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n transform: translateZ(0);\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n background: var(--background);\n contain: strict;\n opacity: calc(var(--opacity) var(--opacity-scale));\n z-index: -1;\n pointer-events: none;\n}\n\n::slotted(ion-progress-bar) {\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n\n/*\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n --background: var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));\n --color: var(--ion-toolbar-color, var(--ion-text-color, #000));\n --border-color: var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));\n --padding-top: 3px;\n --padding-bottom: 3px;\n --padding-start: 4px;\n --padding-end: 4px;\n --min-height: 44px;\n}\n\n.toolbar-content {\n flex: 1;\n order: 4;\n min-width: 0;\n}\n\n:host(.toolbar-segment) .toolbar-content {\n display: inline-flex;\n}\n\n:host(.toolbar-searchbar) .toolbar-container {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n:host(.toolbar-searchbar) ::slotted() {\n align-self: start;\n}\n\n:host(.toolbar-searchbar) ::slotted(ion-chip) {\n margin-top: 3px;\n}\n\n::slotted(ion-buttons) {\n min-height: 38px;\n}\n\n::slotted([slot=start]) {\n order: 2;\n}\n\n::slotted([slot=secondary]) {\n order: 3;\n}\n\n::slotted([slot=primary]) {\n order: 5;\n text-align: end;\n}\n\n::slotted([slot=end]) {\n order: 6;\n text-align: end;\n}\n\n:host(.toolbar-title-large) .toolbar-container {\n flex-wrap: wrap;\n align-items: flex-start;\n}\n\n:host(.toolbar-title-large) .toolbar-content ion-title {\n flex: 1;\n order: 8;\n min-width: 100%;\n}","/*\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n /\n @prop --background: Background of the toolbar\n \n @prop --border-color: Color of the toolbar border\n * @prop --border-style: Style of the toolbar border\n * @prop --border-width: Width of the toolbar border\n \n @prop --color: Color of the toolbar text\n \n @prop --min-height: Minimum height of the toolbar\n \n @prop --opacity: Opacity of the toolbar background\n \n @prop --padding-top: Top padding of the toolbar\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar\n * @prop --padding-bottom: Bottom padding of the toolbar\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar\n /\n --border-width: 0;\n --border-style: solid;\n --opacity: 1;\n --opacity-scale: 1;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n display: block;\n position: relative;\n width: 100%;\n padding-right: var(--ion-safe-area-right);\n padding-left: var(--ion-safe-area-left);\n color: var(--color);\n font-family: var(--ion-font-family, inherit);\n contain: content;\n z-index: 10;\n box-sizing: border-box;\n}\n\n:host(.ion-color) {\n color: var(--ion-color-contrast);\n}\n\n:host(.ion-color) .toolbar-background {\n background: var(--ion-color-base);\n}\n\n.toolbar-container {\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n display: flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n min-height: var(--min-height);\n contain: content;\n overflow: hidden;\n z-index: 10;\n box-sizing: border-box;\n}\n\n.toolbar-background {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n transform: translateZ(0);\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n background: var(--background);\n contain: strict;\n opacity: calc(var(--opacity) var(--opacity-scale));\n z-index: -1;\n pointer-events: none;\n}\n\n::slotted(ion-progress-bar) {\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n\n/*\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n --background: var(--ion-toolbar-background, var(--ion-background-color, #fff));\n --color: var(--ion-toolbar-color, var(--ion-text-color, #424242));\n --border-color: var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));\n --padding-top: 0;\n --padding-bottom: 0;\n --padding-start: 0;\n --padding-end: 0;\n --min-height: 56px;\n}\n\n.toolbar-content {\n flex: 1;\n order: 3;\n min-width: 0;\n max-width: 100%;\n}\n\n::slotted(.buttons-first-slot) {\n -webkit-margin-start: 4px;\n margin-inline-start: 4px;\n}\n\n::slotted(.buttons-last-slot) {\n -webkit-margin-end: 4px;\n margin-inline-end: 4px;\n}\n\n::slotted([slot=start]) {\n order: 2;\n}\n\n::slotted([slot=secondary]) {\n order: 4;\n}\n\n::slotted([slot=primary]) {\n order: 5;\n text-align: end;\n}\n\n::slotted([slot=end]) {\n order: 6;\n text-align: end;\n}","/!\n * (C) Ionic http://ionicframework.com - MIT License\n /\nimport { Host, forceUpdate, h } from \"@stencil/core\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/\n @virtualProp {\"ios\" \| \"md\"} mode - The mode determines which platform styles to use.\n \n @slot - Content is placed between the named slots if provided without a slot.\n * @slot start - Content is placed to the left of the toolbar text in LTR, and to the right in RTL.\n * @slot secondary - Content is placed to the left of the toolbar text in `ios` mode, and directly to the right in `md` mode.\n * @slot primary - Content is placed to the right of the toolbar text in `ios` mode, and to the far right in `md` mode.\n * @slot end - Content is placed to the right of the toolbar text in LTR, and to the left in RTL.\n */\nexport class Toolbar {\n constructor() {\n this.childrenStyles = new Map();\n this.color = undefined;\n }\n componentWillLoad() {\n const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));\n const firstButtons = buttons.find((button) => {\n return button.slot === 'start';\n });\n if (firstButtons) {\n firstButtons.classList.add('buttons-first-slot');\n }\n const buttonsReversed = buttons.reverse();\n const lastButtons = buttonsReversed.find((button) => button.slot === 'end') \|\|\n buttonsReversed.find((button) => button.slot === 'primary') \|\|\n buttonsReversed.find((button) => button.slot === 'secondary');\n if (lastButtons) {\n lastButtons.classList.add('buttons-last-slot');\n }\n }\n childrenStyle(ev) {\n ev.stopPropagation();\n const tagName = ev.target.tagName;\n const updatedStyles = ev.detail;\n const newStyles = {};\n const childStyles = this.childrenStyles.get(tagName) \|\| {};\n let hasStyleChange = false;\n Object.keys(updatedStyles).forEach((key) => {\n const childKey = `toolbar-${key}`;\n const newValue = updatedStyles[key];\n if (newValue !== childStyles[childKey]) {\n hasStyleChange = true;\n }\n if (newValue) {\n newStyles[childKey] = true;\n }\n });\n if (hasStyleChange) {\n this.childrenStyles.set(tagName, newStyles);\n forceUpdate(this);\n }\n }\n render() {\n const mode = getIonMode(this);\n const childStyles = {};\n this.childrenStyles.forEach((value) => {\n Object.assign(childStyles, value);\n });\n return (h(Host, { key: '8907ed75fbb2b1dced55c481bba6363f1dca815b', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {\n [mode]: true,\n 'in-toolbar': hostContext('ion-toolbar', this.el),\n })) }, h(\"div\", { key: '6bfa09b08d6517f0d680f53b739854cecd631bc9', class: \"toolbar-background\" }), h(\"div\", { key: '1531bd6dd9e0a5843309bba854b744c453037ad0', class: \"toolbar-container\" }, h(\"slot\", { key: '881b41697d386eae651b019128573f0fa432cd33', name: \"start\" }), h(\"slot\", { key: '64a284e6eae5311ac3125dfadb4bb32bdba9d089', name: \"secondary\" }), h(\"div\", { key: 'c1f47503563b38084b27d7ba54f17ec478482b94', class: \"toolbar-content\" }, h(\"slot\", { key: '9a85acfba72252705619ae32acae9c14f81aa57d' })), h(\"slot\", { key: '89e08bd761dc6940dbebc5d06f5f080af204aa72', name: \"primary\" }), h(\"slot\", { key: 'a1cb7d95627f8a3d24dd4b9c11718fc164f53674', name: \"end\" }))));\n }\n static get is() { return \"ion-toolbar\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"toolbar.ios.scss\"],\n \"md\": [\"toolbar.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"toolbar.ios.css\"],\n \"md\": [\"toolbar.md.css\"]\n };\n }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"danger\\\" \| \\\"dark\\\" \| \\\"light\\\" \| \\\"medium\\\" \| \\\"primary\\\" \| \\\"secondary\\\" \| \\\"success\\\" \| \\\"tertiary\\\" \| \\\"warning\\\" \| string & Record<never, never> \| undefined\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n },\n \"attribute\": \"color\",\n \"reflect\": true\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"ionStyle\",\n \"method\": \"childrenStyle\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n"],"version":3}

package/dist/components/pos-add-new-thing2.js CHANGED Viewed

@@ -18,7 +18,7 @@ const PosAddNewThing = /*@__PURE__*/ proxyCustomElement(class PosAddNewThing ext
         this.dialog.showModal();
     }
     render() {
-        return (h(Host, { key: 'f68aeded06adc5372957f9a75438cfb630d305e9' }, h("button", { key: '21216bb0fcbf47fbaafa2435b7f9e41df9412be4', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: '58d0dc9ac04ee40cdccc23ce46cc8736767a6bde', name: "add-circle-outline" })), h("pos-dialog", { key: 'dde1ef9d4f75860173868088c47f252e98f00288', ref: el => (this.dialog = el) }, h("span", { key: 'fb12cccee3d5514cb6db2e329aede9e05183f3c5', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '01949fa90383f62cbe987dd206f837ebfa8d4e55', slot: "content", referenceUri: this.referenceUri }))));
+        return (h(Host, { key: '2e632aa0d1699b39fd52f178c93bb510ac2d6e91' }, h("button", { key: '3830a37cc82868ed6bcbb4b88049da5de1a932c4', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: 'efd48bfa658f4d58792e442ede0c22527ac1fb34', name: "add-circle-outline" })), h("pos-dialog", { key: '69be02ce0bf6a01ba7c919de67c87acc4a550983', ref: el => (this.dialog = el) }, h("span", { key: '8cfc152b49103ed239238af52f7c7de3f18df1b1', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '4780a2a0c7254a577d38deac1d5078e8d5c7f82e', slot: "content", referenceUri: this.referenceUri }))));
     }
     static get style() { return PosAddNewThingStyle0; }
 }, [1, "pos-add-new-thing", {

package/dist/components/pos-app-browser.js CHANGED Viewed

@@ -1,18 +1,12 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$w } from './app.js';
-import { d as defineCustomElement$v } from './card.js';
-import { d as defineCustomElement$u } from './card-content.js';
-import { d as defineCustomElement$t } from './card-header.js';
-import { d as defineCustomElement$s } from './content.js';
-import { d as defineCustomElement$r } from './footer.js';
-import { d as defineCustomElement$q } from './header.js';
-import { d as defineCustomElement$p } from './icon.js';
-import { d as defineCustomElement$o } from './progress-bar.js';
-import { d as defineCustomElement$n } from './ripple-effect.js';
-import { d as defineCustomElement$m } from './searchbar.js';
-import { d as defineCustomElement$l } from './skeleton-text.js';
-import { d as defineCustomElement$k } from './title.js';
-import { d as defineCustomElement$j } from './toolbar.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$q } from './card.js';
+import { d as defineCustomElement$p } from './card-content.js';
+import { d as defineCustomElement$o } from './card-header.js';
+import { d as defineCustomElement$n } from './icon.js';
+import { d as defineCustomElement$m } from './progress-bar.js';
+import { d as defineCustomElement$l } from './ripple-effect.js';
+import { d as defineCustomElement$k } from './searchbar.js';
+import { d as defineCustomElement$j } from './skeleton-text.js';
 import { d as defineCustomElement$i } from './pos-add-new-thing2.js';
 import { d as defineCustomElement$h } from './pos-app2.js';
 import { d as defineCustomElement$g } from './pos-description2.js';
@@ -31,95 +25,86 @@ import { d as defineCustomElement$4 } from './pos-router2.js';
 import { d as defineCustomElement$3 } from './pos-select-term2.js';
 import { d as defineCustomElement$2 } from './pos-type-router2.js';
+const posAppBrowserCss = "pos-router{margin:0;padding:0;display:flex;flex-direction:column;height:100vh}pos-navigation-bar{max-width:var(--width-lg);margin:0}pos-add-new-thing,pos-login{flex:0 1 auto;}header,footer{display:flex;gap:var(--size-1);height:auto;justify-content:center;align-items:center;padding:var(--size-1)}footer svg{width:var(--size-5);height:var(--size-5)}footer{font-size:var(--scale-fluid-000)}header{flex-wrap:wrap;padding:0 var(--size-8)}main{flex:1;max-height:100vh;overflow:auto}@media (max-width: 640px){header{padding:0 var(--size-1) var(--size-1);justify-content:space-between}pos-navigation-bar{flex-basis:100%;order:0}pos-add-new-thing,pos-login{order:1}}";
+const PosAppBrowserStyle0 = posAppBrowserCss;
 const PosAppBrowser$1 = /*@__PURE__*/ proxyCustomElement(class PosAppBrowser extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.restorePreviousSession = false;
+        this.uri = '';
     }
     render() {
-        return (h("pos-app", { key: 'b0cd0b818fdf4b747828e45722a2e5e2beca3fed', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: '48840fd1401920e5e925097c5e0fdbc84b0683a0' }, h("ion-app", { key: '739484cc781ab72aca520c8254ed0514b58c3ba3' }, h("ion-header", { key: 'e2f4cb34edc538c7e698fc0ed8e6a330ece3cfdc' }, h("ion-toolbar", { key: '25e12849dce08731864de78b9daa85c807a8d332' }, h("ion-title", { key: '1fb14f21d28e12bc3fe405fec7344bfd0987031e', slot: "start" }, "PodOS"), h("pos-login", { key: 'ffa9bb4105b5151d69ec8b2b2dbbe7038efc3612' }))), h("ion-content", { key: 'bbd8454b8b3cc65c650816112d2d43261335186b' }, h("pos-router", { key: 'e1c94f5dda22557fa417113a9168b5acef4cddfd' })), h("ion-footer", { key: '40623fc943a0a89c1a3ef23e23daebc653b5c5dc' }, h("ion-toolbar", { key: 'b3b6d497a9a19c0c0756b89c152ea2dc2ad25c41' }, h("ion-title", { key: '982679383f343e6f7a1a42d9110c1a53493c3b71' }, "PodOS Browser")))))));
+        return (h(Host, { key: 'b154b596b7c172de223da89c4f6e113607111ff4' }, h("pos-app", { key: '057c6ea517b358513a292ee1b22a4ab3f847acb4', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: '818712bc4dfbba08a5091412931fba60529f1ce1' }, h("pos-router", { key: '58b23715dd4a0c4c981b92c43da41df4fde0bfe5', "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: 'e83dcbaff0f013747922a62734856663e0d8e095' }, h("pos-add-new-thing", { key: 'e74961384b4c145bdf7d771fbae0547f83b95b78', referenceUri: this.uri }), h("pos-navigation-bar", { key: 'e3cb7e3e137f2615fdda8980444fd03bf009bbd3', uri: this.uri }), h("pos-login", { key: 'fe07f4cedb465911c76fc0c4520c6084090c9fed' })), h("main", { key: '993531497ec2d6ec8a9828519c1405568f2ab86b' }, h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-type-router", { key: '0b4faa6fac3426438744c224d5966cf1b8312e4a' }))), h("footer", { key: 'cff5a02d8a14b478a4484ce105e53443b9b753ae' }, h(Logo, { key: 'd6a67415ba15c8b0a72517dd011b622564d9d8d2' }), h("span", { key: '5cfb56d1da679a022826b72082fe47cad150f055' }, "PodOS Browser")))))));
     }
+    static get style() { return PosAppBrowserStyle0; }
 }, [0, "pos-app-browser", {
-        "restorePreviousSession": [4, "restore-previous-session"]
+        "restorePreviousSession": [4, "restore-previous-session"],
+        "uri": [32]
     }]);
+const Logo = () => {
+    return (h("svg", { viewBox: "0 0 400 400", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M50 350 L50 100 L200 50 L350 100 L350 350 Z", style: {
+            'fill': '#008BF8',
+            'stroke': '#008BF8',
+            'stroke-width': '70',
+        }, "stroke-linejoin": "round" }), h("path", { d: "M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z", style: {
+            'fill': 'white',
+            'stroke': 'white',
+            'stroke-width': '45',
+        }, "stroke-linejoin": "round" }), h("path", { d: "M150 250 L150 200 L200 180 L250 200 L250 250 Z", style: {
+            'fill': '#DC0073',
+            'stroke': '#DC0073',
+            'stroke-width': '20',
+        }, "stroke-linejoin": "round" })));
+};
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-browser", "ion-app", "ion-card", "ion-card-content", "ion-card-header", "ion-content", "ion-footer", "ion-header", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-searchbar", "ion-skeleton-text", "ion-title", "ion-toolbar", "pos-add-new-thing", "pos-app", "pos-description", "pos-dialog", "pos-error-toast", "pos-image", "pos-label", "pos-login", "pos-login-form", "pos-navigation-bar", "pos-new-thing-form", "pos-picture", "pos-resource", "pos-rich-link", "pos-router", "pos-select-term", "pos-type-router"];
+    const components = ["pos-app-browser", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-searchbar", "ion-skeleton-text", "pos-add-new-thing", "pos-app", "pos-description", "pos-dialog", "pos-error-toast", "pos-image", "pos-label", "pos-login", "pos-login-form", "pos-navigation-bar", "pos-new-thing-form", "pos-picture", "pos-resource", "pos-rich-link", "pos-router", "pos-select-term", "pos-type-router"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-browser":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PosAppBrowser$1);
             }
             break;
-        case "ion-app":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
         case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "ion-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "ion-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "ion-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "ion-footer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "ion-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "ion-icon":
+        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "ion-progress-bar":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "ion-ripple-effect":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "ion-searchbar":
+        case "ion-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "ion-skeleton-text":
+        case "ion-ripple-effect":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "ion-title":
+        case "ion-searchbar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "ion-toolbar":
+        case "ion-skeleton-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }

package/dist/components/pos-app-browser.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-app-browser.js","mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKaA~~,eAAa;;;;sCACkB,KAAK;;~~IAE/C~~,MAAM;QACJ,QACE,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,~~kEACE~~,~~qEACE~~,~~sEACE~~,~~kEAAW~~,IAAI,~~EAAC~~,~~OAAO~~,~~YAAkB~~,~~EACzC~~,mEAAuB,~~CACX~~,~~CACH~~,~~EACb~~,~~sEACE~~,~~oEAAc~~,~~CACF~~,~~EACd~~,~~qEACE~~,~~sEACE~~,~~oFAAoC~~,~~CACxB~~,~~CACH~~,~~CACL~~,~~CACM~~,CACV,~~EACV~~;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PosAppBrowser"],"sources":["src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-browser',\n})\nexport class PosAppBrowser {\n @Prop() restorePreviousSession: boolean = false;\n\n render() {\n return (\n <pos-app restorePreviousSession={this.restorePreviousSession}>\n <pos-error-toast>\n <~~ion~~-~~app~~>\n <~~ion-~~header>\n <~~ion~~-~~toolbar~~>\n <~~ion~~-~~title~~ ~~slot=\"start\">PodOS</ion~~-~~title~~>\n <pos-login></pos-login>\n </~~ion-toolbar~~>\n ~~</ion-header~~>\n <~~ion~~-~~content~~>\n <pos-router />\n </~~ion~~-~~content~~>\n ~~<ion-footer~~>\n <~~ion-toolbar~~>\n <~~ion-title~~>PodOS Browser</~~ion-title~~>\n </~~ion-toolbar~~>\n </~~ion~~-~~footer~~>\n </~~ion-app>\n </~~pos-error-toast>\n </pos-app>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,opBAAopB,CAAC;AAC9qB,4BAAe,gBAAgB;;MCKlBA,eAAa;;;;sCACkB,KAAK;mBAEhC,EAAE;;IAEjB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,6FAAoC,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC5D,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAuB,EACxD,mEAAuB,CAChB,EACT,+DACE,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,yEAAmB,CACN,CACV,EACP,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,EACP;KACH;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppBrowser"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n height: 100vh;\n}\n\npos-navigation-bar {\n max-width: var(--width-lg);\n margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n flex: 0 1 auto; /* Behält die Breite des Inhalts bei */\n}\n\nheader,\nfooter {\n display: flex;\n gap: var(--size-1);\n height: auto;\n justify-content: center;\n align-items: center;\n padding: var(--size-1);\n}\n\nfooter svg {\n width: var(--size-5);\n height: var(--size-5);\n}\n\nfooter {\n font-size: var(--scale-fluid-000);\n}\n\nheader {\n flex-wrap: wrap;\n padding: 0 var(--size-8);\n}\n\nmain {\n flex: 1;\n max-height: 100vh;\n overflow: auto;\n}\n\n@media (max-width: 640px) {\n header {\n padding: 0 var(--size-1) var(--size-1);\n justify-content: space-between;\n }\n\n pos-navigation-bar {\n flex-basis: 100%;\n order: 0;\n }\n\n pos-add-new-thing,\n pos-login {\n order: 1;\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-browser',\n styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n @Prop() restorePreviousSession: boolean = false;\n\n @State() uri = '';\n\n render() {\n return (\n <Host>\n <pos-app restorePreviousSession={this.restorePreviousSession}>\n <pos-error-toast>\n <pos-router onPod-os:route-changed={e => (this.uri = e.detail)}>\n <header>\n <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n <pos-navigation-bar uri={this.uri}></pos-navigation-bar>\n <pos-login></pos-login>\n </header>\n <main>\n <pos-resource key={this.uri} uri={this.uri}>\n <pos-type-router />\n </pos-resource>\n </main>\n <footer>\n <Logo />\n <span>PodOS Browser</span>\n </footer>\n </pos-router>\n </pos-error-toast>\n </pos-app>\n </Host>\n );\n }\n}\n\nconst Logo = () => {\n return (\n <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n style={{\n 'fill': '#008BF8',\n 'stroke': '#008BF8',\n 'stroke-width': '70',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n style={{\n 'fill': 'white',\n 'stroke': 'white',\n 'stroke-width': '45',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n style={{\n 'fill': '#DC0073',\n 'stroke': '#DC0073',\n 'stroke-width': '20',\n }}\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n};\n"],"version":3}

package/dist/components/pos-app-generic.js CHANGED Viewed

@@ -37,7 +37,7 @@ const PosAppGeneric$1 = /*@__PURE__*/ proxyCustomElement(class PosAppGeneric ext
         this.__registerHost();
     }
     render() {
-        return (h("ion-grid", { key: 'd0b34c6e8b5cd74f717163d86592d478664ad34c' }, h("ion-row", { key: '6e96db4a729de0676b461e688a949291dc3e77f4' }, h("ion-col", { key: 'b0953536281658c815fbcd698ef7def9e1f117ac', size: "12", "size-sm": true }, h("ion-card", { key: '122da911e9a7cb0689948b70ab26d3f21ecaf044' }, h("ion-card-header", { key: '1754068e41b3d0b20005e097aeb84dd162f3569f' }, h("pos-type-badges", { key: '918f62a015be42159a92e81a5c221822aeba7bcf' }), h("pos-picture", { key: '44124804a1cf27984e27c902a9e15b887bee03b7' }), h("ion-card-title", { key: 'f3eb3a7ab88f6f3b8ceb217a92cb55381da2d616' }, h("pos-label", { key: '8b4a43f6c92883c3871fc6109e3aa49f92bdebde' }))), h("ion-card-content", { key: '920391cbaff095d480b410f2601519ab8db8f773' }, h("pos-description", { key: '906a3c8f5a48a650f738af61ce3dc06a19389c28' })))), h("ion-col", { key: '46a6785baffd48b319491995625734c38faef118', size: "12", "size-sm": true }, h("pos-literals", { key: '15cea21e23eac83072847305a9b035465e021186' })), h("ion-col", { key: '2582ecfd8331df16ddff408ffd37c81acb1629f1', size: "12", "size-sm": true }, h("pos-relations", { key: '9afe5b9f8b283894e1f1f4f66afb6f969e666dba' }), h("pos-reverse-relations", { key: 'be1c0c2dfe2b60c5f69bf030d9ea7454939cf3c5' })))));
+        return (h("ion-grid", { key: 'b2d6cad93a92550a0f0dd1bc9233d6841d0ff589' }, h("ion-row", { key: '8b025fc58661c8795546378b1179f171efffcb4c' }, h("ion-col", { key: 'e91e8bec2d21e69b8044e3d9bd26c32585b59df7', size: "12", "size-sm": true }, h("ion-card", { key: '8bba9e99d8d6c047e3bf5cbcbd71835f01568d78' }, h("ion-card-header", { key: '35b50230a90b9756f9482d7eb8ce43a12f76019e' }, h("pos-type-badges", { key: '5a5519757cc77c5b598c16959dce314b8489a2a0' }), h("pos-picture", { key: '04c3fd6603985310d409354d3959d09936e8f261' }), h("ion-card-title", { key: 'd90af825ad221dff228f9307fd0f6bc0b9e09bc9' }, h("pos-label", { key: '1d2651dad20d62b0da7457c7e0b022a6b391c7fd' }))), h("ion-card-content", { key: '4640cad1428e1ebd6fbe893e5ffefc196f60ce28' }, h("pos-description", { key: '556370a2e5212fb6b6356c978c481b5d943afa83' })))), h("ion-col", { key: '586d937db1e6bc04f9fa6438828cbe477354eeca', size: "12", "size-sm": true }, h("pos-literals", { key: '82c7ea592fa5cde4d5e42f439696aaf0a965dcb7' })), h("ion-col", { key: '51d3164c329dc6c0924cd8c24ea2549e763523b3', size: "12", "size-sm": true }, h("pos-relations", { key: '03e9a6494e1313f0562cdd78a775096b1db45474' }), h("pos-reverse-relations", { key: '47d56807a98a1accdc2b6a3cf376c4eff4dee811' })))));
     }
 }, [0, "pos-app-generic"]);
 function defineCustomElement$1() {

package/dist/components/pos-app-ldp-container.js CHANGED Viewed

@@ -35,7 +35,7 @@ const PosAppLdpContainer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppLdpCon
         this.__registerHost();
     }
     render() {
-        return (h("ion-grid", { key: '3fc6465fe588cb29aa682b7458f5f724928c5cc7' }, h("ion-row", { key: 'bc528a311c771890d959bb839dd0f44b6d7ac0ca' }, h("ion-col", { key: '972c987e475ca81e779405ab18058bb9ed774cc3', size: "12", "size-sm": true }, h("pos-container-contents", { key: '00f9a3c95bf9a1f5ee9ccf1b04ca9374fcaf1281' }), h("details", { key: 'a9e0e50a12ad66572fcaa14aa67a03dd3b859a71' }, h("summary", { key: 'adeec9e27a6843189677942bcd3816d59e9f2a21' }, "All subjects"), h("pos-subjects", { key: '477dd2a336bca0f64cd2c2966aa21a6a49c238d2' }))), h("ion-col", { key: '9886eece6a0926a525734aca8f0742e59f0d0806', size: "12", "size-sm": true }, h("ion-card", { key: '7c5e7f4408a8602ffec7e492ed251ead70e13706' }, h("ion-card-header", { key: 'b9db2e78d64c329e15aaeb5b80e087a458cf8d2e' }, h("ion-card-title", { key: '15f39fbfc40eefb216745d58a80a21a05afad25c' }, h("pos-label", { key: '21c7646fa75628a7d26672f024b3e30b13286699' })), h("pos-type-badges", { key: 'fe0dbcdb9815268fcb3c3d4df3ebbbe1071062db' }), h("pos-literals", { key: '3d4b76e46e74a9c54e97a3e9142e447ce2c12677' })))))));
+        return (h("ion-grid", { key: '7bad60bfd0bc8f21c90378dd5f511336acfcfc4f' }, h("ion-row", { key: '6a742864678564796d1d5ad41651438799a0e9cc' }, h("ion-col", { key: '4578b56c1508c26b24af6c39be91146217ea97e4', size: "12", "size-sm": true }, h("pos-container-contents", { key: '8e790a6d16b14610e166bda812b54ca403abd4c9' }), h("details", { key: 'e97b04715070f776d7237a5fe15d1be8d23a009f' }, h("summary", { key: '8ed6c8d86540b548406f90e5d11422eda5f8077d' }, "All subjects"), h("pos-subjects", { key: '9154cc1defe86d0b6d980709606f3475070e3686' }))), h("ion-col", { key: '28951a149ab376b30d369ae564afadda62df057c', size: "12", "size-sm": true }, h("ion-card", { key: 'd81361770bfaa073770ab0ceb5081bcd50f96d6a' }, h("ion-card-header", { key: '5e98b61411ca037c3a3cddd3d47ba8ad1a0782fb' }, h("ion-card-title", { key: '12f7369b526fc4b437b76f7497e25f1d7bc9034a' }, h("pos-label", { key: 'a4c064c09da6f6a36b0ece5f18596ba70665ee51' })), h("pos-type-badges", { key: 'c7f2526ded1b71c52674aeb128985687acc7fde0' }), h("pos-literals", { key: 'e9a1e8cc2204dce316231789e3bd4a2556f80048' })))))));
     }
 }, [0, "pos-app-ldp-container"]);
 function defineCustomElement$1() {