@ifsworld/granite-components 15.0.0 → 15.0.2

package/esm2022/lib/menu/menu-touch-animations.mjs

@@ -0,0 +1,137 @@
+import { trigger, state, style, animate, transition, sequence, } from '@angular/animations';
+import { getEaseOutSteep, getEaseLinear } from '../core/animation';
+const defaultDuration = 300;
+const defaultDelay = 200;
+const easeOut = getEaseOutSteep(defaultDuration);
+const linear = getEaseLinear(defaultDuration);
+const linearDelayed = getEaseLinear(defaultDuration, defaultDelay);
+/**
+ * Insanely fast travel somewhere on or off the stage,
+ * to set a great starting position.
+ *
+ * For some reason this has to be animated with > 0ms time.
+ * Setting style directly gets ignored.
+ */
+const teleport = '1ms linear';
+/**
+ * Style used by our menu stars to make grand entrée et sortie from/to below
+ * the viewport stage.
+ */
+const inTheOrchestraPit = style({
+    transform: 'translateX(0) translateY(100%)',
+    opacity: 0,
+});
+/** Style for a menu at the center of attention, on the viewport stage */
+const onStage = style({
+    opacity: 1,
+    transform: 'translateX(0) translateY(0)',
+});
+/**
+ * Style for a (sub) menu starting position at the side of the stage, waiting
+ * to make an entrance by sliding into view, pushing the previous (parent)
+ * menu off.
+ */
+const awaitingCue = style({
+    opacity: 0,
+    transform: 'translateX(100vw) translateY(0)',
+});
+/**
+ * Style for a (parent) menu that has been pushed aside by a debutant
+ * (sub) menu and therefore, although maybe temporarily, left the spotlight.
+ *
+ * @param translateY Where to place on Y axis
+ */
+const retired = style({
+    opacity: 1,
+    transform: `translateX(-100vw) translateY(0)`,
+});
+/**
+ * Style for an active (sub) menu that dances across the stage, along with its
+ * parent menu, as a result of the user panning. Requires an `xOffset`
+ * parameter for the distance.
+ */
+const futsalShuffle = style({
+    transform: 'translateX({{ xOffset }}px)',
+});
+/**
+ * Style for a parent menu sweeping across the stage, right beside the
+ * starlet sub menu, either off the stage or back onto it (for a great comeback).
+ * Requires an `xOffset` parameter for the distance.
+ */
+const moonwalk = style({
+    transform: 'translateX(calc(-100vw + {{ xOffset }}px))',
+});
+const onStageHidden = style({
+    opacity: 0,
+    transform: 'translateX(0) translateY(0)',
+});
+/**
+ * Animations used by the `granite-menu` component, showing the touch interface.
+ * @docs-private
+ */
+export const graniteMenuTouchAnimations = {
+    transformMenuTouch: trigger('transformMenuTouch', [
+        // Set up cast positions
+        state('void', awaitingCue),
+        state('enter, enter-from-below', onStage),
+        state('pan-hidden', moonwalk, { params: { xOffset: 0 } }),
+        state('pan', futsalShuffle, { params: { xOffset: 0 } }),
+        state('below-with-delay', inTheOrchestraPit),
+        state('hide', retired),
+        // General movement across the stage. Transitions to 'pan' and 'pan-hidden'
+        // states are intentionally left out as we want the menu position to update
+        // instantly as the user moves their finger.
+        transition('pan => enter, ' +
+            'pan => enter-from-below, ' +
+            'pan => void, ' +
+            'enter <=> hide, ' +
+            'enter-from-below <=> hide, ' +
+            'pan-hidden => hide, ' +
+            'pan-hidden => enter', animate(easeOut)),
+        transition(
+        // Jump straight onto the stage, from the orchestra pit.
+        // Excitement fills the air. Spotlight. Showtime.
+        'void => enter-from-below', sequence([
+            animate(teleport, inTheOrchestraPit),
+            animate(easeOut, onStage),
+        ])),
+        transition(
+        // Go stand in the curtains, then make a grand entrance from the side
+        'void => enter', sequence([animate(teleport, awaitingCue), animate(easeOut, onStage)])),
+        transition(
+        // Get off the stage, back into the curtains on the side
+        'enter => void', animate(easeOut, awaitingCue)),
+        transition(
+        // Take the side stairs down from the stage
+        'hide => below', animate(linear, retired)),
+        transition(
+        // Wait for a bit, then take the side stairs down from the stage
+        'hide => below-with-delay', sequence([animate(teleport, retired), animate(linearDelayed, retired)])),
+        transition(
+        // Stage dive into the orchestra pit
+        'enter => below, enter-from-below => below', sequence([animate(teleport, onStage), animate(linear, inTheOrchestraPit)])),
+        transition(
+        // Receive the standing ovations, then stage dive into the orchestra pit
+        'enter => below-with-delay, enter-from-below => below-with-delay', sequence([
+            animate(teleport, onStage),
+            animate(linearDelayed, inTheOrchestraPit),
+        ])),
+    ]),
+    transformCloseButton: trigger('transformCloseButton', [
+        state('void, below, below-with-delay', onStageHidden),
+        state('enter, enter-from-below, pan-hidden, pan, hide', onStage),
+        transition('void => enter-from-below', sequence([
+            animate(teleport, onStageHidden),
+            animate(getEaseLinear(50, defaultDuration / 2), onStage),
+        ])),
+        transition('enter => below, enter-from-below => below', sequence([
+            animate(teleport, onStage),
+            animate(getEaseLinear(25), onStageHidden),
+        ])),
+        transition('enter => below-with-delay, enter-from-below => below-with-delay', sequence([
+            animate(teleport, onStage),
+            animate(getEaseLinear(50, defaultDelay), onStageHidden),
+        ])),
+    ]),
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10b3VjaC1hbmltYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ncmFuaXRlLWNvbXBvbmVudHMvc3JjL2xpYi9tZW51L21lbnUtdG91Y2gtYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsT0FBTyxFQUNQLEtBQUssRUFDTCxLQUFLLEVBQ0wsT0FBTyxFQUNQLFVBQVUsRUFFVixRQUFRLEdBQ1QsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRW5FLE1BQU0sZUFBZSxHQUFHLEdBQUcsQ0FBQztBQUM1QixNQUFNLFlBQVksR0FBRyxHQUFHLENBQUM7QUFFekIsTUFBTSxPQUFPLEdBQUcsZUFBZSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0FBQ2pELE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQztBQUM5QyxNQUFNLGFBQWEsR0FBRyxhQUFhLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQyxDQUFDO0FBRW5FOzs7Ozs7R0FNRztBQUNILE1BQU0sUUFBUSxHQUFHLFlBQVksQ0FBQztBQUU5Qjs7O0dBR0c7QUFDSCxNQUFNLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUM5QixTQUFTLEVBQUUsZ0NBQWdDO0lBQzNDLE9BQU8sRUFBRSxDQUFDO0NBQ1gsQ0FBQyxDQUFDO0FBRUgseUVBQXlFO0FBQ3pFLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQztJQUNwQixPQUFPLEVBQUUsQ0FBQztJQUNWLFNBQVMsRUFBRSw2QkFBNkI7Q0FDekMsQ0FBQyxDQUFDO0FBRUg7Ozs7R0FJRztBQUNILE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQztJQUN4QixPQUFPLEVBQUUsQ0FBQztJQUNWLFNBQVMsRUFBRSxpQ0FBaUM7Q0FDN0MsQ0FBQyxDQUFDO0FBRUg7Ozs7O0dB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QUFvQixFQUFFLE9BQU8sQ0FBQyxzQkFBc0IsRUFBRTtRQUNwRCxLQUFLLENBQUMsK0JBQStCLEVBQUUsYUFBYSxDQUFDO1FBQ3JELEtBQUssQ0FBQyxnREFBZ0QsRUFBRSxPQUFPLENBQUM7UUFDaEUsVUFBVSxDQUNSLDBCQUEwQixFQUMxQixRQUFRLENBQUM7WUFDUCxPQUFPLENBQUMsUUFBUSxFQUFFLGFBQWEsQ0FBQztZQUNoQyxPQUFPLENBQUMsYUFBYSxDQUFDLEVBQUUsRUFBRSxlQUFlLEdBQUcsQ0FBQyxDQUFDLEVBQUUsT0FBTyxDQUFDO1NBQ3pELENBQUMsQ0FDSDtRQUNELFVBQVUsQ0FDUiwyQ0FBMkMsRUFDM0MsUUFBUSxDQUFDO1lBQ1AsT0FBTyxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUM7WUFDMUIsT0FBTyxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUMsRUFBRSxhQUFhLENBQUM7U0FDMUMsQ0FBQyxDQUNIO1FBQ0QsVUFBVSxDQUNSLGlFQUFpRSxFQUNqRSxRQUFRLENBQUM7WUFDUCxPQUFPLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQztZQUMxQixPQUFPLENBQUMsYUFBYSxDQUFDLEVBQUUsRUFBRSxZQUFZLENBQUMsRUFBRSxhQUFhLENBQUM7U0FDeEQsQ0FBQyxDQUNIO0tBQ0YsQ0FBQztDQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0cmlnZ2VyLFxuICBzdGF0ZSxcbiAgc3R5bGUsXG4gIGFuaW1hdGUsXG4gIHRyYW5zaXRpb24sXG4gIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSxcbiAgc2VxdWVuY2UsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgZ2V0RWFzZU91dFN0ZWVwLCBnZXRFYXNlTGluZWFyIH0gZnJvbSAnLi4vY29yZS9hbmltYXRpb24nO1xuXG5jb25zdCBkZWZhdWx0RHVyYXRpb24gPSAzMDA7XG5jb25zdCBkZWZhdWx0RGVsYXkgPSAyMDA7XG5cbmNvbnN0IGVhc2VPdXQgPSBnZXRFYXNlT3V0U3RlZXAoZGVmYXVsdER1cmF0aW9uKTtcbmNvbnN0IGxpbmVhciA9IGdldEVhc2VMaW5lYXIoZGVmYXVsdER1cmF0aW9uKTtcbmNvbnN0IGxpbmVhckRlbGF5ZWQgPSBnZXRFYXNlTGluZWFyKGRlZmF1bHREdXJhdGlvbiwgZGVmYXVsdERlbGF5KTtcblxuLyoqXG4gKiBJbnNhbmVseSBmYXN0IHRyYXZlbCBzb21ld2hlcmUgb24gb3Igb2ZmIHRoZSBzdGFnZSxcbiAqIHRvIHNldCBhIGdyZWF0IHN0YXJ0aW5nIHBvc2l0aW9uLlxuICpcbiAqIEZvciBzb21lIHJlYXNvbiB0aGlzIGhhcyB0byBiZSBhbmltYXRlZCB3aXRoID4gMG1zIHRpbWUuXG4gKiBTZXR0aW5nIHN0eWxlIGRpcmVjdGx5IGdldHMgaWdub3JlZC5cbiAqL1xuY29uc3QgdGVsZXBvcnQgPSAnMW1zIGxpbmVhcic7XG5cbi8qKlxuICogU3R5bGUgdXNlZCBieSBvdXIgbWVudSBzdGFycyB0byBtYWtlIGdyYW5kIGVudHLDqWUgZXQgc29ydGllIGZyb20vdG8gYmVsb3dcbiAqIHRoZSB2aWV3cG9ydCBzdGFnZS5cbiAqL1xuY29uc3QgaW5UaGVPcmNoZXN0cmFQaXQgPSBzdHlsZSh7XG4gIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCkgdHJhbnNsYXRlWSgxMDAlKScsXG4gIG9wYWNpdHk6IDAsXG59KTtcblxuLyoqIFN0eWxlIGZvciBhIG1lbnUgYXQgdGhlIGNlbnRlciBvZiBhdHRlbnRpb24sIG9uIHRoZSB2aWV3cG9ydCBzdGFnZSAqL1xuY29uc3Qgb25TdGFnZSA9IHN0eWxlKHtcbiAgb3BhY2l0eTogMSxcbiAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwKSB0cmFuc2xhdGVZKDApJyxcbn0pO1xuXG4vKipcbiAqIFN0eWxlIGZvciBhIChzdWIpIG1lbnUgc3RhcnRpbmcgcG9zaXRpb24gYXQgdGhlIHNpZGUgb2YgdGhlIHN0YWdlLCB3YWl0aW5nXG4gKiB0byBtYWtlIGFuIGVudHJhbmNlIGJ5IHNsaWRpbmcgaW50byB2aWV3LCBwdXNoaW5nIHRoZSBwcmV2aW91cyAocGFyZW50KVxuICogbWVudSBvZmYuXG4gKi9cbmNvbnN0IGF3YWl0aW5nQ3VlID0gc3R5bGUoe1xuICBvcGFjaXR5OiAwLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMHZ3KSB0cmFuc2xhdGVZKDApJyxcbn0pO1xuXG4vKipcbiAqIFN0eWxlIGZvciBhIChwYXJlbnQpIG1lbnUgdGhhdCBoYXMgYmVlbiBwdXNoZWQgYXNpZGUgYnkgYSBkZWJ1dGFudFxuICogKHN1YikgbWVudSBhbmQgdGhlcmVmb3JlLCBhbHRob3VnaCBtYXliZSB0ZW1wb3JhcmlseSwgbGVmdCB0aGUgc3BvdGxpZ2h0LlxuICpcbiAqIEBwYXJhbSB0cmFuc2xhdGVZIFdoZXJlIHRvIHBsYWNlIG9uIFkgYXhpc1xuICovXG5jb25zdCByZXRpcmVkID0gc3R5bGUoe1xuICBvcGFjaXR5OiAxLFxuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKC0xMDB2dykgdHJhbnNsYXRlWSgwKWAsXG59KTtcblxuLyoqXG4gKiBTdHlsZSBmb3IgYW4gYWN0aXZlIChzdWIpIG1lbnUgdGhhdCBkYW5jZXMgYWNyb3NzIHRoZSBzdGFnZSwgYWxvbmcgd2l0aCBpdHNcbiAqIHBhcmVudCBtZW51LCBhcyBhIHJlc3VsdCBvZiB0aGUgdXNlciBwYW5uaW5nLiBSZXF1aXJlcyBhbiBgeE9mZnNldGBcbiAqIHBhcmFtZXRlciBmb3IgdGhlIGRpc3RhbmNlLlxuICovXG5jb25zdCBmdXRzYWxTaHVmZmxlID0gc3R5bGUoe1xuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKHt7IHhPZmZzZXQgfX1weCknLFxufSk7XG5cbi8qKlxuICogU3R5bGUgZm9yIGEgcGFyZW50IG1lbnUgc3dlZXBpbmcgYWNyb3NzIHRoZSBzdGFnZSwgcmlnaHQgYmVzaWRlIHRoZVxuICogc3RhcmxldCBzdWIgbWVudSwgZWl0aGVyIG9mZiB0aGUgc3RhZ2Ugb3IgYmFjayBvbnRvIGl0IChmb3IgYSBncmVhdCBjb21lYmFjaykuXG4gKiBSZXF1aXJlcyBhbiBgeE9mZnNldGAgcGFyYW1ldGVyIGZvciB0aGUgZGlzdGFuY2UuXG4gKi9cbmNvbnN0IG1vb253YWxrID0gc3R5bGUoe1xuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKGNhbGMoLTEwMHZ3ICsge3sgeE9mZnNldCB9fXB4KSknLFxufSk7XG5cbmNvbnN0IG9uU3RhZ2VIaWRkZW4gPSBzdHlsZSh7XG4gIG9wYWNpdHk6IDAsXG4gIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCkgdHJhbnNsYXRlWSgwKScsXG59KTtcblxuLyoqXG4gKiBBbmltYXRpb25zIHVzZWQgYnkgdGhlIGBncmFuaXRlLW1lbnVgIGNvbXBvbmVudCwgc2hvd2luZyB0aGUgdG91Y2ggaW50ZXJmYWNlLlxuICogQGRvY3MtcHJpdmF0ZVxuICovXG5leHBvcnQgY29uc3QgZ3Jhbml0ZU1lbnVUb3VjaEFuaW1hdGlvbnM6IHtcbiAgLyoqXG4gICAqIFRoaXMgYW5pbWF0aW9uIHRyaWdnZXIgY29udHJvbHMgdGhlIG1lbnUgcGFuZWwncyBlbnRyeSBhbmQgZXhpdCBmcm9tIHRoZVxuICAgKiBzdGFnZSBvbiB0b3VjaCBvdXRwdXQgZGV2aWNlcy5cbiAgICovXG4gIHJlYWRvbmx5IHRyYW5zZm9ybU1lbnVUb3VjaDogQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhO1xuICAvKipcbiAgICogVGhpcyBhbmltYXRpb24gdHJpZ2dlciBjb250cm9scyB0aGUgY2xvc2UgYnV0dG9uJ3MgZW50cnkgYW5kIGV4aXQgZnJvbSB0aGVcbiAgICogc3RhZ2Ugb24gdG91Y2ggb3V0cHV0IGRldmljZXMsIHVzaW5nIHRoZSBzYW1lIHN0YXRlcyBhcyB0aGUgbWVudSBwYW5lbC5cbiAgICovXG4gIHJlYWRvbmx5IHRyYW5zZm9ybUNsb3NlQnV0dG9uOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICB0cmFuc2Zvcm1NZW51VG91Y2g6IHRyaWdnZXIoJ3RyYW5zZm9ybU1lbnVUb3VjaCcsIFtcbiAgICAvLyBTZXQgdXAgY2FzdCBwb3NpdGlvbnNcbiAgICBzdGF0ZSgndm9pZCcsIGF3YWl0aW5nQ3VlKSxcbiAgICBzdGF0ZSgnZW50ZXIsIGVudGVyLWZyb20tYmVsb3cnLCBvblN0YWdlKSxcbiAgICBzdGF0ZSgncGFuLWhpZGRlbicsIG1vb253YWxrLCB7IHBhcmFtczogeyB4T2Zmc2V0OiAwIH0gfSksXG4gICAgc3RhdGUoJ3BhbicsIGZ1dHNhbFNodWZmbGUsIHsgcGFyYW1zOiB7IHhPZmZzZXQ6IDAgfSB9KSxcbiAgICBzdGF0ZSgnYmVsb3ctd2l0aC1kZWxheScsIGluVGhlT3JjaGVzdHJhUGl0KSxcbiAgICBzdGF0ZSgnaGlkZScsIHJldGlyZWQpLFxuXG4gICAgLy8gR2VuZXJhbCBtb3ZlbWVudCBhY3Jvc3MgdGhlIHN0YWdlLiBUcmFuc2l0aW9ucyB0byAncGFuJyBhbmQgJ3Bhbi1oaWRkZW4nXG4gICAgLy8gc3RhdGVzIGFyZSBpbnRlbnRpb25hbGx5IGxlZnQgb3V0IGFzIHdlIHdhbnQgdGhlIG1lbnUgcG9zaXRpb24gdG8gdXBkYXRlXG4gICAgLy8gaW5zdGFudGx5IGFzIHRoZSB1c2VyIG1vdmVzIHRoZWlyIGZpbmdlci5cbiAgICB0cmFuc2l0aW9uKFxuICAgICAgJ3BhbiA9PiBlbnRlciwgJyArXG4gICAgICAgICdwYW4gPT4gZW50ZXItZnJvbS1iZWxvdywgJyArXG4gICAgICAgICdwYW4gPT4gdm9pZCwgJyArXG4gICAgICAgICdlbnRlciA8PT4gaGlkZSwgJyArXG4gICAgICAgICdlbnRlci1mcm9tLWJlbG93IDw9PiBoaWRlLCAnICtcbiAgICAgICAgJ3Bhbi1oaWRkZW4gPT4gaGlkZSwgJyArXG4gICAgICAgICdwYW4taGlkZGVuID0+IGVudGVyJyxcbiAgICAgIGFuaW1hdGUoZWFzZU91dClcbiAgICApLFxuXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIEp1bXAgc3RyYWlnaHQgb250byB0aGUgc3RhZ2UsIGZyb20gdGhlIG9yY2hlc3RyYSBwaXQuXG4gICAgICAvLyBFeGNpdGVtZW50IGZpbGxzIHRoZSBhaXIuIFNwb3RsaWdodC4gU2hvd3RpbWUuXG4gICAgICAndm9pZCA9PiBlbnRlci1mcm9tLWJlbG93JyxcbiAgICAgIHNlcXVlbmNlKFtcbiAgICAgICAgYW5pbWF0ZSh0ZWxlcG9ydCwgaW5UaGVPcmNoZXN0cmFQaXQpLFxuICAgICAgICBhbmltYXRlKGVhc2VPdXQsIG9uU3RhZ2UpLFxuICAgICAgXSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAvLyBHbyBzdGFuZCBpbiB0aGUgY3VydGFpbnMsIHRoZW4gbWFrZSBhIGdyYW5kIGVudHJhbmNlIGZyb20gdGhlIHNpZGVcbiAgICAgICd2b2lkID0+IGVudGVyJyxcbiAgICAgIHNlcXVlbmNlKFthbmltYXRlKHRlbGVwb3J0LCBhd2FpdGluZ0N1ZSksIGFuaW1hdGUoZWFzZU91dCwgb25TdGFnZSldKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIEdldCBvZmYgdGhlIHN0YWdlLCBiYWNrIGludG8gdGhlIGN1cnRhaW5zIG9uIHRoZSBzaWRlXG4gICAgICAnZW50ZXIgPT4gdm9pZCcsXG4gICAgICBhbmltYXRlKGVhc2VPdXQsIGF3YWl0aW5nQ3VlKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIFRha2UgdGhlIHNpZGUgc3RhaXJzIGRvd24gZnJvbSB0aGUgc3RhZ2VcbiAgICAgICdoaWRlID0+IGJlbG93JyxcbiAgICAgIGFuaW1hdGUobGluZWFyLCByZXRpcmVkKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIFdhaXQgZm9yIGEgYml0LCB0aGVuIHRha2UgdGhlIHNpZGUgc3RhaXJzIGRvd24gZnJvbSB0aGUgc3RhZ2VcbiAgICAgICdoaWRlID0+IGJlbG93LXdpdGgtZGVsYXknLFxuICAgICAgc2VxdWVuY2UoW2FuaW1hdGUodGVsZXBvcnQsIHJldGlyZWQpLCBhbmltYXRlKGxpbmVhckRlbGF5ZWQsIHJldGlyZWQpXSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAvLyBTdGFnZSBkaXZlIGludG8gdGhlIG9yY2hlc3RyYSBwaXRcbiAgICAgICdlbnRlciA9PiBiZWxvdywgZW50ZXItZnJvbS1iZWxvdyA9PiBiZWxvdycsXG4gICAgICBzZXF1ZW5jZShbYW5pbWF0ZSh0ZWxlcG9ydCwgb25TdGFnZSksIGFuaW1hdGUobGluZWFyLCBpblRoZU9yY2hlc3RyYVBpdCldKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgIC8vIFJlY2VpdmUgdGhlIHN0YW5kaW5nIG92YXRpb25zLCB0aGVuIHN0YWdlIGRpdmUgaW50byB0aGUgb3JjaGVzdHJhIHBpdFxuICAgICAgJ2VudGVyID0+IGJlbG93LXdpdGgtZGVsYXksIGVudGVyLWZyb20tYmVsb3cgPT4gYmVsb3ctd2l0aC1kZWxheScsXG4gICAgICBzZXF1ZW5jZShbXG4gICAgICAgIGFuaW1hdGUodGVsZXBvcnQsIG9uU3RhZ2UpLFxuICAgICAgICBhbmltYXRlKGxpbmVhckRlbGF5ZWQsIGluVGhlT3JjaGVzdHJhUGl0KSxcbiAgICAgIF0pXG4gICAgKSxcbiAgXSksXG4gIHRyYW5zZm9ybUNsb3NlQnV0dG9uOiB0cmlnZ2VyKCd0cmFuc2Zvcm1DbG9zZUJ1dHRvbicsIFtcbiAgICBzdGF0ZSgndm9pZCwgYmVsb3csIGJlbG93LXdpdGgtZGVsYXknLCBvblN0YWdlSGlkZGVuKSxcbiAgICBzdGF0ZSgnZW50ZXIsIGVudGVyLWZyb20tYmVsb3csIHBhbi1oaWRkZW4sIHBhbiwgaGlkZScsIG9uU3RhZ2UpLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAndm9pZCA9PiBlbnRlci1mcm9tLWJlbG93JyxcbiAgICAgIHNlcXVlbmNlKFtcbiAgICAgICAgYW5pbWF0ZSh0ZWxlcG9ydCwgb25TdGFnZUhpZGRlbiksXG4gICAgICAgIGFuaW1hdGUoZ2V0RWFzZUxpbmVhcig1MCwgZGVmYXVsdER1cmF0aW9uIC8gMiksIG9uU3RhZ2UpLFxuICAgICAgXSlcbiAgICApLFxuICAgIHRyYW5zaXRpb24oXG4gICAgICAnZW50ZXIgPT4gYmVsb3csIGVudGVyLWZyb20tYmVsb3cgPT4gYmVsb3cnLFxuICAgICAgc2VxdWVuY2UoW1xuICAgICAgICBhbmltYXRlKHRlbGVwb3J0LCBvblN0YWdlKSxcbiAgICAgICAgYW5pbWF0ZShnZXRFYXNlTGluZWFyKDI1KSwgb25TdGFnZUhpZGRlbiksXG4gICAgICBdKVxuICAgICksXG4gICAgdHJhbnNpdGlvbihcbiAgICAgICdlbnRlciA9PiBiZWxvdy13aXRoLWRlbGF5LCBlbnRlci1mcm9tLWJlbG93ID0+IGJlbG93LXdpdGgtZGVsYXknLFxuICAgICAgc2VxdWVuY2UoW1xuICAgICAgICBhbmltYXRlKHRlbGVwb3J0LCBvblN0YWdlKSxcbiAgICAgICAgYW5pbWF0ZShnZXRFYXNlTGluZWFyKDUwLCBkZWZhdWx0RGVsYXkpLCBvblN0YWdlSGlkZGVuKSxcbiAgICAgIF0pXG4gICAgKSxcbiAgXSksXG59O1xuIl19

package/esm2022/lib/menu/menu-touch-close.component.mjs

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class GraniteMenuTouchCloseComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteMenuTouchCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GraniteMenuTouchCloseComponent, selector: "[graniteMenuTouchCloseItem]", host: { properties: { "class.granite-device-output-touch": "true" } }, exportAs: ["graniteMenuTouchCloseItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-8);width:100%;max-width:100%;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover: hover) and (pointer: fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover: none) and (pointer: coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-program-focused,:host.cdk-keyboard-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{padding-inline-end:var(--granite-spacing-24)}html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-4)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-4)}html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-4)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-4)}[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-24)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-24)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover: none) and (pointer: coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-4)}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-4)}html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-4)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-4)}[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteMenuTouchCloseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[graniteMenuTouchCloseItem]', template: '<ng-content></ng-content>', exportAs: 'graniteMenuTouchCloseItem', host: {
+                        '[class.granite-device-output-touch]': 'true',
+                    }, styles: [":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-8);width:100%;max-width:100%;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover: hover) and (pointer: fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover: none) and (pointer: coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-program-focused,:host.cdk-keyboard-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{padding-inline-end:var(--granite-spacing-24)}html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-4)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-4)}html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-4)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-4)}[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-24)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-24)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover: none) and (pointer: coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-4)}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-4)}html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-4)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-4)}[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10b3VjaC1jbG9zZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS10b3VjaC1jbG9zZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFZMUMsTUFBTSxPQUFPLDhCQUE4QjsrR0FBOUIsOEJBQThCO21HQUE5Qiw4QkFBOEIsbUxBUC9CLDJCQUEyQjs7NEZBTzFCLDhCQUE4QjtrQkFWMUMsU0FBUzsrQkFFRSw2QkFBNkIsWUFDN0IsMkJBQTJCLFlBQzNCLDJCQUEyQixRQUUvQjt3QkFDSixxQ0FBcUMsRUFBRSxNQUFNO3FCQUM5QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdbZ3Jhbml0ZU1lbnVUb3VjaENsb3NlSXRlbV0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBleHBvcnRBczogJ2dyYW5pdGVNZW51VG91Y2hDbG9zZUl0ZW0nLFxuICBzdHlsZVVybHM6IFsnLi9tZW51LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuZ3Jhbml0ZS1kZXZpY2Utb3V0cHV0LXRvdWNoXSc6ICd0cnVlJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgR3Jhbml0ZU1lbnVUb3VjaENsb3NlQ29tcG9uZW50IHt9XG4iXX0=

package/esm2022/lib/menu/menu-touch-title.component.mjs

@@ -0,0 +1,59 @@
+import { Component, Inject, Optional } from '@angular/core';
+import { GRANITE_MENU_PANEL } from './menu-panel';
+import { _MenuBaseComponent } from './menu-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon/icon.component";
+import * as i3 from "./menu-base";
+export class GraniteMenuTouchTitleItemComponent {
+    constructor(
+    /** If this is an item on a _submenu_, its parent menu will have a parent */
+    _parentMenu) {
+        /**
+         * Whether the menu item acts as a trigger to return to a parent menu
+         * (used for styling)
+         */
+        this._triggersBack = false;
+        this._triggersBack = !!_parentMenu.parentMenu;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteMenuTouchTitleItemComponent, deps: [{ token: GRANITE_MENU_PANEL, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GraniteMenuTouchTitleItemComponent, selector: "[graniteMenuTouchTitleItem]", host: { properties: { "class.granite-menu-item-title": "true", "class.granite-menu-item-back-trigger": "_triggersBack", "class.granite-device-output-touch": "true" } }, exportAs: ["graniteMenuTouchTitleItem"], ngImport: i0, template: `
+    <ng-container *ngIf="_triggersBack">
+      <granite-icon
+        class="caret-left"
+        [fontIcon]="'icon-caret-left'"
+      ></granite-icon>
+      <granite-icon
+        class="caret-right"
+        [fontIcon]="'icon-caret-right'"
+      ></granite-icon>
+    </ng-container>
+    <ng-content></ng-content>
+  `, isInline: true, styles: [":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-8);width:100%;max-width:100%;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover: hover) and (pointer: fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover: none) and (pointer: coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-program-focused,:host.cdk-keyboard-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{padding-inline-end:var(--granite-spacing-24)}html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-4)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-4)}html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-4)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-4)}[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-24)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-24)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover: none) and (pointer: coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-4)}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-4)}html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-4)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-4)}[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GraniteIconComponent, selector: "granite-icon", inputs: ["fontIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GraniteMenuTouchTitleItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[graniteMenuTouchTitleItem]', template: `
+    <ng-container *ngIf="_triggersBack">
+      <granite-icon
+        class="caret-left"
+        [fontIcon]="'icon-caret-left'"
+      ></granite-icon>
+      <granite-icon
+        class="caret-right"
+        [fontIcon]="'icon-caret-right'"
+      ></granite-icon>
+    </ng-container>
+    <ng-content></ng-content>
+  `, exportAs: 'graniteMenuTouchTitleItem', host: {
+                        '[class.granite-menu-item-title]': 'true',
+                        '[class.granite-menu-item-back-trigger]': '_triggersBack',
+                        '[class.granite-device-output-touch]': 'true',
+                    }, styles: [":host{display:block;position:relative;line-height:2rem;padding:0 var(--granite-spacing-8);width:100%;max-width:100%;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;text-decoration:none;background-color:var(--granite-color-background-variant);color:var(--granite-color-text);font-size:var(--granite-font-size-body-small);font-family:inherit}@media (hover: hover) and (pointer: fine){:host:hover:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}@media (hover: none) and (pointer: coarse){:host:active:not(.granite-title):not([disabled]){background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}:host.granite-title{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;line-height:1.5rem;width:100%;outline:none;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--granite-color-text);font-size:var(--granite-font-size-micro);font-weight:var(--granite-font-weight-bold);cursor:default}:host.cdk-program-focused,:host.cdk-keyboard-focused,:host.granite-menu-item-highlighted{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}:host granite-icon{position:absolute;font-size:var(--granite-font-size-body-small);color:inherit;top:50%;transform:translateY(-50%)}:host.granite-menu-item-submenu-trigger{padding-inline-end:var(--granite-spacing-24)}html[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-4)}:host-context([dir=ltr]) :host.granite-menu-item-submenu-trigger granite-icon{right:var(--granite-spacing-4)}html[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-4)}:host-context([dir=rtl]) :host.granite-menu-item-submenu-trigger granite-icon{left:var(--granite-spacing-4)}[dir=rtl] :host.granite-menu-item-submenu-trigger granite-icon.caret-right{display:none}[dir=ltr] :host.granite-menu-item-submenu-trigger granite-icon.caret-left{display:none}:host.granite-divider-top{border-top:.0625rem solid var(--granite-color-border-soft)}:host.granite-divider-bottom{border-bottom:.0625rem solid var(--granite-color-border-soft)}:host.granite-device-output-touch{line-height:3rem;font-size:var(--granite-font-size-body-small);text-align:center;padding:0 var(--granite-spacing-24)}:host.granite-device-output-touch.granite-title{padding:0;justify-content:center;line-height:1.5rem;font-size:var(--granite-font-size-micro)}:host.granite-device-output-touch.granite-menu-item-back-trigger,:host.granite-device-output-touch.granite-menu-item-submenu-trigger{padding:0 var(--granite-spacing-24)}:host.granite-device-output-touch.granite-menu-item-title{line-height:3rem;height:3rem;font-size:var(--granite-font-size-micro);color:var(--granite-color-text-weak)}@media (hover: none) and (pointer: coarse){:host.granite-device-output-touch.granite-menu-item-title:active{background:var(--granite-color-background-active-hover);color:var(--granite-color-text-on-active)}}html[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-4)}:host-context([dir=ltr]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{left:var(--granite-spacing-4)}html[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-4)}:host-context([dir=rtl]) :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon{right:var(--granite-spacing-4)}[dir=rtl] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-left{display:none}[dir=ltr] :host.granite-device-output-touch.granite-menu-item-back-trigger granite-icon.caret-right{display:none}:host:disabled:not(.granite-menu-item-title){opacity:.4;cursor:default}\n"] }]
+        }], ctorParameters: () => [{ type: i3._MenuBaseComponent, decorators: [{
+                    type: Inject,
+                    args: [GRANITE_MENU_PANEL]
+                }, {
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10b3VjaC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2dyYW5pdGUtY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS10b3VjaC10aXRsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNsRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7O0FBMEJqRCxNQUFNLE9BQU8sa0NBQWtDO0lBTzdDO0lBQ0UsNEVBQTRFO0lBRzVFLFdBQStCO1FBVmpDOzs7V0FHRztRQUNILGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBUTdCLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUM7SUFDaEQsQ0FBQzsrR0FkVSxrQ0FBa0Msa0JBU25DLGtCQUFrQjttR0FUakIsa0NBQWtDLHFSQXJCbkM7Ozs7Ozs7Ozs7OztHQVlUOzs0RkFTVSxrQ0FBa0M7a0JBeEI5QyxTQUFTOytCQUVFLDZCQUE2QixZQUM3Qjs7Ozs7Ozs7Ozs7O0dBWVQsWUFDUywyQkFBMkIsUUFFL0I7d0JBQ0osaUNBQWlDLEVBQUUsTUFBTTt3QkFDekMsd0NBQXdDLEVBQUUsZUFBZTt3QkFDekQscUNBQXFDLEVBQUUsTUFBTTtxQkFDOUM7OzBCQVdFLE1BQU07MkJBQUMsa0JBQWtCOzswQkFDekIsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR1JBTklURV9NRU5VX1BBTkVMIH0gZnJvbSAnLi9tZW51LXBhbmVsJztcbmltcG9ydCB7IF9NZW51QmFzZUNvbXBvbmVudCB9IGZyb20gJy4vbWVudS1iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnW2dyYW5pdGVNZW51VG91Y2hUaXRsZUl0ZW1dJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiX3RyaWdnZXJzQmFja1wiPlxuICAgICAgPGdyYW5pdGUtaWNvblxuICAgICAgICBjbGFzcz1cImNhcmV0LWxlZnRcIlxuICAgICAgICBbZm9udEljb25dPVwiJ2ljb24tY2FyZXQtbGVmdCdcIlxuICAgICAgPjwvZ3Jhbml0ZS1pY29uPlxuICAgICAgPGdyYW5pdGUtaWNvblxuICAgICAgICBjbGFzcz1cImNhcmV0LXJpZ2h0XCJcbiAgICAgICAgW2ZvbnRJY29uXT1cIidpY29uLWNhcmV0LXJpZ2h0J1wiXG4gICAgICA+PC9ncmFuaXRlLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICBgLFxuICBleHBvcnRBczogJ2dyYW5pdGVNZW51VG91Y2hUaXRsZUl0ZW0nLFxuICBzdHlsZVVybHM6IFsnLi9tZW51LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuZ3Jhbml0ZS1tZW51LWl0ZW0tdGl0bGVdJzogJ3RydWUnLFxuICAgICdbY2xhc3MuZ3Jhbml0ZS1tZW51LWl0ZW0tYmFjay10cmlnZ2VyXSc6ICdfdHJpZ2dlcnNCYWNrJyxcbiAgICAnW2NsYXNzLmdyYW5pdGUtZGV2aWNlLW91dHB1dC10b3VjaF0nOiAndHJ1ZScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEdyYW5pdGVNZW51VG91Y2hUaXRsZUl0ZW1Db21wb25lbnQge1xuICAvKipcbiAgICogV2hldGhlciB0aGUgbWVudSBpdGVtIGFjdHMgYXMgYSB0cmlnZ2VyIHRvIHJldHVybiB0byBhIHBhcmVudCBtZW51XG4gICAqICh1c2VkIGZvciBzdHlsaW5nKVxuICAgKi9cbiAgX3RyaWdnZXJzQmFjazogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIC8qKiBJZiB0aGlzIGlzIGFuIGl0ZW0gb24gYSBfc3VibWVudV8sIGl0cyBwYXJlbnQgbWVudSB3aWxsIGhhdmUgYSBwYXJlbnQgKi9cbiAgICBASW5qZWN0KEdSQU5JVEVfTUVOVV9QQU5FTClcbiAgICBAT3B0aW9uYWwoKVxuICAgIF9wYXJlbnRNZW51OiBfTWVudUJhc2VDb21wb25lbnRcbiAgKSB7XG4gICAgdGhpcy5fdHJpZ2dlcnNCYWNrID0gISFfcGFyZW50TWVudS5wYXJlbnRNZW51O1xuICB9XG59XG4iXX0=