@mikezimm/fps-library-v2 1.0.0

package/lib/banner/features/PageStyle/Interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interfaces.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/Interfaces.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,kBAAkB;IAG/B,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,wBAAwB,EAAE,OAAO,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;CACxB;AACD,eAAO,MAAM,eAAe,EAAG,MAAM,EAC6B,CAAC"}

package/lib/banner/features/PageStyle/Interfaces.js

@@ -0,0 +1,3 @@
+export const changePageStyle = ['quickLaunchHide', 'pageHeaderHide', 'allSectionMaxWidthEnable', 'allSectionMaxWidth',
+    'allSectionMarginEnable', 'allSectionMargin', 'toolBarHide',];
+//# sourceMappingURL=Interfaces.js.map

package/lib/banner/features/PageStyle/Interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/Interfaces.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,eAAe,GAAc,CAAI,iBAAiB,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,oBAAoB;IAC/H,wBAAwB,EAAE,kBAAkB,EAAE,aAAa,EAAG,CAAC"}

package/lib/banner/features/PageStyle/console.d.ts

@@ -0,0 +1,16 @@
+import { IFPSWindowProps, IFPSSectionStyle } from '../FPSDOM/Interfaces';
+/**
+ * This will just send standard message to the console if it's needed
+ * @param consoleResult
+ * @param result
+ * @param section
+ */
+export declare function sendStandardConsole(consoleResult: boolean, result: string, section: IFPSSectionStyle): void;
+/**
+ * This will just send standard message to the console if it's needed
+ * @param consoleResult
+ * @param result
+ * @param section
+ */
+export declare function sendFPSWindowConsole(consoleResult: boolean, result: string, FPSOptions: IFPSWindowProps): void;
+//# sourceMappingURL=console.d.ts.map

package/lib/banner/features/PageStyle/console.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/console.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAe,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEpF;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,QAIpG;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,eAAe,QAKvG"}

package/lib/banner/features/PageStyle/console.js

@@ -0,0 +1,25 @@
+//import { sendStandardConsole, sendFPSWindowConsole } from './console';
+/**
+ * This will just send standard message to the console if it's needed
+ * @param consoleResult
+ * @param result
+ * @param section
+ */
+export function sendStandardConsole(consoleResult, result, section) {
+    if (consoleResult === true) { //winFPS createWinProps
+        console.log(`winFPS setSecStyle ${result}:  ${section.title}`, section);
+    }
+}
+/**
+ * This will just send standard message to the console if it's needed
+ * @param consoleResult
+ * @param result
+ * @param section
+ */
+export function sendFPSWindowConsole(consoleResult, result, FPSOptions) {
+    if (consoleResult === true) {
+        console.log(`winFPS sendFPSWinCon ${result}: FPSOptions`, FPSOptions);
+        console.log(`winFPS sendFPSWinCon ${result}: Window`, window);
+    }
+}
+//# sourceMappingURL=console.js.map

package/lib/banner/features/PageStyle/console.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.js","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/console.ts"],"names":[],"mappings":"AAGA,wEAAwE;AACtE;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,aAAsB,EAAE,MAAc,EAAE,OAAyB;IACnG,IAAK,aAAa,KAAK,IAAI,EAAG,EAAC,uBAAuB;QACpD,OAAO,CAAC,GAAG,CAAC,sBAAsB,MAAM,MAAM,OAAO,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;KACzE;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,aAAsB,EAAE,MAAc,EAAE,UAA2B;IACtG,IAAK,aAAa,KAAK,IAAI,EAAG;QAC5B,OAAO,CAAC,GAAG,CAAC,wBAAwB,MAAM,cAAc,EAAE,UAAU,CAAC,CAAC;QACtE,OAAO,CAAC,GAAG,CAAC,wBAAwB,MAAM,UAAU,EAAE,MAAM,CAAE,CAAC;KAChE;AACH,CAAC"}

package/lib/banner/features/PageStyle/minimzeHeader.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This minimizes the header on site pages where you do not want the Page Title at the top. originally copied from Pivot Tiles
+ *
+ * @param document
+ * @param minimize
+ * @param alertError
+ * @param consoleResult
+ */
+export declare function minimizeHeader(minimize: boolean, alertError?: boolean, consoleResult?: boolean): void;
+//# sourceMappingURL=minimzeHeader.d.ts.map

package/lib/banner/features/PageStyle/minimzeHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimzeHeader.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/minimzeHeader.ts"],"names":[],"mappings":"AAGC;;;;;;;GAOG;AACF,wBAAgB,cAAc,CAAG,QAAQ,EAAG,OAAO,EAAE,UAAU,GAAE,OAAc,EAAE,aAAa,GAAE,OAAe,QA8C9G"}

package/lib/banner/features/PageStyle/minimzeHeader.js

@@ -0,0 +1,57 @@
+import { createFPSWindowProps, } from '../FPSDOM/FPSDocument';
+/**
+ * This minimizes the header on site pages where you do not want the Page Title at the top. originally copied from Pivot Tiles
+ *
+ * @param document
+ * @param minimize
+ * @param alertError
+ * @param consoleResult
+ */
+export function minimizeHeader(minimize, alertError = true, consoleResult = false) {
+    let fpsWindowProps = createFPSWindowProps();
+    //If this was already attempted, then exit
+    if (fpsWindowProps.header.attempted === true) {
+        return;
+    }
+    else if (minimize !== true) {
+        return;
+    }
+    else {
+        fpsWindowProps.header.attempted = true;
+    }
+    let height = minimize === true ? '0px' : null;
+    /**
+     * Was getting this ts error creating divs:
+     * Type 'NodeListOf<Element>' is missing the following properties from type 'any[]': pop, push, concat, join, and 26 more.ts(2740)
+     *
+     * Found this reference:  https://stackoverflow.com/a/222847
+     * which references this:  https://262.ecma-international.org/8.0/#sec-array.from
+     *
+     * Which now removes the error
+     */
+    const divs = Array.from(document.querySelectorAll('[data-automation-id="pageHeader"]'));
+    console.log("divs.length: ", divs.length);
+    //inspiration from:  https://reactgo.com/select-element-data-attribute-js/
+    divs.forEach((el) => {
+        try {
+            if (el.style) {
+                el.style.height = height;
+            }
+            else {
+                el.style = { height: height };
+            }
+            if (consoleResult === true) {
+                console.log('minimizeHeader:  set minimize to ', minimize);
+            }
+            fpsWindowProps.header.success++;
+        }
+        catch (e) {
+            if (alertError === true) {
+                alert('minimizeHeader:  Could not find element with data-automation-id="pageHeader"');
+            }
+            console.log('minimizeHeader:  Could not find element with data-automation-id="pageHeader"');
+            fpsWindowProps.header.errors++;
+        }
+    });
+}
+//# sourceMappingURL=minimzeHeader.js.map

package/lib/banner/features/PageStyle/minimzeHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimzeHeader.js","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/minimzeHeader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,GAAG,MAAM,uBAAuB,CAAC;AAC7D;;;;;;;GAOG;AACF,MAAM,UAAU,cAAc,CAAG,QAAkB,EAAE,aAAsB,IAAI,EAAE,gBAAyB,KAAK;IAE7G,IAAI,cAAc,GAAoB,oBAAoB,EAAE,CAAC;IAE7D,0CAA0C;IAC1C,IAAK,cAAc,CAAC,MAAM,CAAC,SAAS,KAAK,IAAI,EAAG;QAAE,OAAO;KAAE;SACtD,IAAK,QAAQ,KAAK,IAAI,EAAG;QAAE,OAAO;KAAE;SACpC;QAAE,cAAc,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;KAAE;IAEhD,IAAI,MAAM,GAAQ,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnD;;;;;;;;OAQG;IAEH,MAAM,IAAI,GAAU,KAAK,CAAC,IAAI,CAAE,QAAQ,CAAC,gBAAgB,CAAC,mCAAmC,CAAC,CAAC,CAAC;IAChG,OAAO,CAAC,GAAG,CAAE,eAAe,EAAE,IAAI,CAAC,MAAM,CAAE,CAAC;IAE5C,0EAA0E;IAC1E,IAAI,CAAC,OAAO,CAAC,CAAC,EAAO,EAAC,EAAE;QACtB,IAAI;YACF,IAAK,EAAE,CAAC,KAAK,EAAE;gBACb,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;aAC1B;iBAAM;gBACL,EAAE,CAAC,KAAK,GAAG,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC;aAC9B;YACD,IAAK,aAAa,KAAK,IAAI,EAAG;gBAC1B,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,QAAQ,CAAC,CAAC;aAC9D;YACD,cAAc,CAAC,MAAM,CAAC,OAAO,EAAG,CAAC;SAElC;QAAC,OAAO,CAAC,EAAE;YACR,IAAK,UAAU,KAAK,IAAI,EAAG;gBACvB,KAAK,CAAC,8EAA8E,CAAC,CAAC;aACzF;YACD,OAAO,CAAC,GAAG,CAAC,8EAA8E,CAAC,CAAC;YAC5F,cAAc,CAAC,MAAM,CAAC,MAAM,EAAG,CAAC;SACnC;IACH,CAAC,CAAC,CAAC;AAEL,CAAC"}

package/lib/banner/features/PageStyle/minimzeToolbar.d.ts

@@ -0,0 +1,20 @@
+import { DisplayMode } from '../../../common/interfaces/@msft/1.15.2/displayMode';
+import { IFPSSectionStyle } from '../FPSDOM/Interfaces';
+/**
+ * This minimizes the header on site pages where you do not want the Page Title at the top. originally copied from Pivot Tiles
+ *
+ * @param document
+ * @param minimize
+ * @param alertError
+ * @param consoleResult
+ */
+/**
+ * Combines setToolbar and minimizeToolbar functions into one
+ */
+export declare function setToolbar(displayMode: DisplayMode, wpInstanceID: any, hideToolbar: boolean): {
+    toolBarStyle: IFPSSectionStyle;
+};
+export declare function minimizeToolbar(document: any, sectionStyle: IFPSSectionStyle, alertError?: boolean, consoleResult?: boolean): {
+    sectionStyle: IFPSSectionStyle;
+};
+//# sourceMappingURL=minimzeToolbar.d.ts.map

package/lib/banner/features/PageStyle/minimzeToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimzeToolbar.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/minimzeToolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qDAAqD,CAAA;AACjF,OAAO,EAAmB,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAMrF;;;;;;;GAOG;AAGJ;;GAEG;AACA,wBAAiB,UAAU,CAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO;;EA+C9F;AAED,wBAAgB,eAAe,CAAG,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,gBAAgB,EAAG,UAAU,GAAE,OAAc,EAAE,aAAa,GAAE,OAAe;;EAmC3I"}

package/lib/banner/features/PageStyle/minimzeToolbar.js

@@ -0,0 +1,91 @@
+import { DisplayMode } from '../../../common/interfaces/@msft/1.15.2/displayMode';
+import { createFPSWindowProps } from '../FPSDOM/FPSDocument';
+import { applySectionStyle } from './setAllSectionStyles';
+import { sendFPSWindowConsole } from './console';
+import { initializeMinimalStyle } from '../FPSDOM/FPSDocument';
+/**
+ * This minimizes the header on site pages where you do not want the Page Title at the top. originally copied from Pivot Tiles
+ *
+ * @param document
+ * @param minimize
+ * @param alertError
+ * @param consoleResult
+ */
+/**
+ * Combines setToolbar and minimizeToolbar functions into one
+ */
+export function setToolbar(displayMode, wpInstanceID, hideToolbar) {
+    const urlParameters = new URLSearchParams(window.location.href);
+    if (displayMode == DisplayMode.Read && urlParameters.get('tool') !== 'true') {
+        let value = hideToolbar === true ? 'none' : null;
+        let toolBarStyle = initializeMinimalStyle('Miminze Toolbar', wpInstanceID, 'display', value);
+        //minimizeToolbar would have been called here but code is below...
+        const alertError = false;
+        const consoleResult = true;
+        let fpsWindowProps = createFPSWindowProps();
+        let winStyle = fpsWindowProps.toolBar;
+        //If this was already attempted, then exit
+        if (fpsWindowProps.toolBar.attempted === true) {
+            return;
+        }
+        else if (toolBarStyle.do === false || winStyle.success > 0) {
+            return;
+        }
+        else {
+            fpsWindowProps.toolBar.attempted = true;
+        }
+        // if ( proceed === false ) { return ; }
+        const el = document.getElementById('spCommandBar');
+        try {
+            //This updates updates display to none or null
+            if (toolBarStyle.do === true) {
+                fpsWindowProps.toolBar = applySectionStyle(el, toolBarStyle, winStyle, alertError, consoleResult);
+            }
+            toolBarStyle.success++;
+        }
+        catch (e) {
+            if (alertError === true) {
+                alert('minimizeToolbar:  Could not find element with id="spCommandBar"');
+            }
+            console.log('minimizeToolbar:  Could not find element with id="spCommandBar"');
+            toolBarStyle.errors++;
+            fpsWindowProps.toolBar.errors++;
+        }
+        sendFPSWindowConsole(true, 'COMPLETE', fpsWindowProps);
+        return { toolBarStyle };
+    }
+}
+export function minimizeToolbar(document, sectionStyle, alertError = true, consoleResult = false) {
+    let fpsWindowProps = createFPSWindowProps();
+    let winStyle = fpsWindowProps.toolBar;
+    //If this was already attempted, then exit
+    if (fpsWindowProps.toolBar.attempted === true) {
+        return;
+    }
+    else if (sectionStyle.do === false || winStyle.success > 0) {
+        return;
+    }
+    else {
+        fpsWindowProps.toolBar.attempted = true;
+    }
+    // if ( proceed === false ) { return ; }
+    const el = document.getElementById('spCommandBar');
+    try {
+        //This updates updates display to none or null
+        if (sectionStyle.do === true) {
+            fpsWindowProps.toolBar = applySectionStyle(el, sectionStyle, winStyle, alertError, consoleResult);
+        }
+        sectionStyle.success++;
+    }
+    catch (e) {
+        if (alertError === true) {
+            alert('minimizeToolbar:  Could not find element with id="spCommandBar"');
+        }
+        console.log('minimizeToolbar:  Could not find element with id="spCommandBar"');
+        sectionStyle.errors++;
+        fpsWindowProps.toolBar.errors++;
+    }
+    sendFPSWindowConsole(true, 'COMPLETE', fpsWindowProps);
+    return { sectionStyle };
+}
+//# sourceMappingURL=minimzeToolbar.js.map

package/lib/banner/features/PageStyle/minimzeToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimzeToolbar.js","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/minimzeToolbar.ts"],"names":[],"mappings":"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"}

package/lib/banner/features/PageStyle/quickLaunch.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Used with FPS Options Functions
+ * @param quickLaunchHide
+ */
+/**
+ * This minimizes the quick launch, originally copied from ImageMapper
+ * @param document : should be of type Document
+ * @param minimize
+ */
+/**
+ * Combines setQuickLaunch and minimizeQuickLaunch into one
+ */
+export declare function setQuickLaunch(minimize: boolean, alertError?: boolean, consoleResult?: boolean): void;
+//# sourceMappingURL=quickLaunch.d.ts.map

package/lib/banner/features/PageStyle/quickLaunch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quickLaunch.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/quickLaunch.ts"],"names":[],"mappings":"AACA;;;GAGG;AAEH;;;;GAIG;AAIH;;GAEG;AAED,wBAAgB,cAAc,CAAG,QAAQ,EAAG,OAAO,EAAE,UAAU,GAAE,OAAc,EAAE,aAAa,GAAE,OAAe,QA4BhH"}

package/lib/banner/features/PageStyle/quickLaunch.js

@@ -0,0 +1,42 @@
+/**
+ * Used with FPS Options Functions
+ * @param quickLaunchHide
+ */
+/**
+ * This minimizes the quick launch, originally copied from ImageMapper
+ * @param document : should be of type Document
+ * @param minimize
+ */
+//2022-11-27:  Removed document argument because it is visible from here
+/**
+ * Combines setQuickLaunch and minimizeQuickLaunch into one
+ */
+export function setQuickLaunch(minimize, alertError = true, consoleResult = false) {
+    //specifically not undefined or null in case it is not yet preset.
+    if (minimize === true || minimize === false) {
+        try {
+            if (document.getElementById('spLeftNav')) {
+                if (minimize === false) {
+                    document.getElementById('spLeftNav').style.width = null;
+                    document.getElementById('spLeftNav').style.marginRight = null;
+                    document.getElementById('spLeftNav').style.overflow = null;
+                }
+                else {
+                    document.getElementById('spLeftNav').style.width = '20px';
+                    document.getElementById('spLeftNav').style.marginRight = '50px';
+                    document.getElementById('spLeftNav').style.overflow = 'hidden';
+                }
+            }
+            if (consoleResult === true) {
+                console.log('minimizeQuickLaunch:  set minimize to ', minimize);
+            }
+        }
+        catch (e) {
+            if (alertError === true) {
+                alert('minimizeQuickLaunch:  Could not find element with id: spLeftNav');
+            }
+            console.log('minimizeQuickLaunch:  Could not find element with id: spLeftNav');
+        }
+    }
+}
+//# sourceMappingURL=quickLaunch.js.map

package/lib/banner/features/PageStyle/quickLaunch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quickLaunch.js","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/quickLaunch.ts"],"names":[],"mappings":"AACA;;;GAGG;AAEH;;;;GAIG;AAEH,wEAAwE;AAExE;;GAEG;AAED,MAAM,UAAU,cAAc,CAAG,QAAkB,EAAE,aAAsB,IAAI,EAAE,gBAAyB,KAAK;IAE7G,kEAAkE;IAClE,IAAK,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,KAAK,EAAG;QAC7C,IAAI;YACA,IAAK,QAAQ,CAAC,cAAc,CAAE,WAAW,CAAE,EAAG;gBAC1C,IAAK,QAAQ,KAAK,KAAK,EAAG;oBACxB,QAAQ,CAAC,cAAc,CAAE,WAAW,CAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;oBAC1D,QAAQ,CAAC,cAAc,CAAE,WAAW,CAAE,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;oBAChE,QAAQ,CAAC,cAAc,CAAE,WAAW,CAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;iBAC9D;qBAAM;oBACL,QAAQ,CAAC,cAAc,CAAE,WAAW,CAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;oBAC5D,QAAQ,CAAC,cAAc,CAAE,WAAW,CAAE,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;oBAClE,QAAQ,CAAC,cAAc,CAAE,WAAW,CAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;iBACpE;aACF;YAED,IAAK,aAAa,KAAK,IAAI,EAAG;gBAC1B,OAAO,CAAC,GAAG,CAAC,wCAAwC,EAAE,QAAQ,CAAC,CAAC;aACnE;SAEJ;QAAC,OAAO,CAAC,EAAE;YACR,IAAK,UAAU,KAAK,IAAI,EAAG;gBACvB,KAAK,CAAC,iEAAiE,CAAC,CAAC;aAC5E;YACD,OAAO,CAAC,GAAG,CAAC,iEAAiE,CAAC,CAAC;SAClF;KACF;AACL,CAAC"}

package/lib/banner/features/PageStyle/setAllSectionStyles.d.ts

@@ -0,0 +1,10 @@
+import { IFPSSection, IFPSSectionStyle } from '../FPSDOM/Interfaces';
+import { IMinWPBannerProps } from '../../interfaces/Banner/IMinWPBannerProps';
+/**
+ * Combined updateSectionStyles and setSectionStyles
+ */
+export declare function updateSectionStyles(wpInstanceID: any, wpProps: IMinWPBannerProps): {
+    sectionStyles: IFPSSection;
+};
+export declare function applySectionStyle(el: any, targetStyle: IFPSSectionStyle, windowStyle: IFPSSectionStyle, alertError?: boolean, consoleResult?: boolean): IFPSSectionStyle;
+//# sourceMappingURL=setAllSectionStyles.d.ts.map

package/lib/banner/features/PageStyle/setAllSectionStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAllSectionStyles.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/setAllSectionStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,WAAW,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAG9E;;GAEG;AACD,wBAAiB,mBAAmB,CAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,iBAAiB;;EAuElF;AAGD,wBAAgB,iBAAiB,CAAE,EAAE,EAAG,GAAG,EAAG,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,GAAE,OAAc,EAAE,aAAa,GAAE,OAAe,oBAoCrK"}

package/lib/banner/features/PageStyle/setAllSectionStyles.js

@@ -0,0 +1,97 @@
+import { createFPSWindowProps, initializeFPSSection } from '../FPSDOM/FPSDocument';
+import { sendStandardConsole, sendFPSWindowConsole } from './console';
+/**
+ * Combined updateSectionStyles and setSectionStyles
+ */
+export function updateSectionStyles(wpInstanceID, wpProps) {
+    let allSectionMaxWidth = wpProps.allSectionMaxWidthEnable !== true ? null : wpProps.allSectionMaxWidth;
+    let allSectionMargin = wpProps.allSectionMarginEnable !== true ? null : wpProps.allSectionMargin;
+    let sectionStyles = initializeFPSSection(wpInstanceID, allSectionMaxWidth, allSectionMargin);
+    const alertError = true;
+    const consoleResult = true;
+    let fpsWindowProps = createFPSWindowProps();
+    let winMaxWidthStyle = fpsWindowProps.sections.maxWidth;
+    let winMarginTBStyle = fpsWindowProps.sections.marginTB;
+    //Check if everything was already attempted
+    let proceed = false;
+    if (sectionStyles.maxWidth.do === true && winMaxWidthStyle.success === 0) {
+        proceed = true;
+    }
+    else if (sectionStyles.marginTB.do === true && winMarginTBStyle.success === 0) {
+        proceed = true;
+    }
+    if (proceed === false) {
+        return;
+    }
+    /**
+     * Was getting this ts error creating divs:
+     * Type 'NodeListOf<Element>' is missing the following properties from type 'any[]': pop, push, concat, join, and 26 more.ts(2740)
+     *
+     * Found this reference:  https://stackoverflow.com/a/222847
+     * which references this:  https://262.ecma-international.org/8.0/#sec-array.from
+     *
+     * Which now removes the error
+     */
+    const divs = Array.from(document.querySelectorAll('[data-automation-id="CanvasSection"]'));
+    console.log("divs.length: ", divs.length);
+    //inspiration from:  https://reactgo.com/select-element-data-attribute-js/
+    let maxWidthStyle = sectionStyles.maxWidth;
+    let marginTBStyle = sectionStyles.marginTB;
+    divs.forEach((el) => {
+        try {
+            //This updates section maxWidth:   As of 2022-02-08:  default = '1256px'
+            if (maxWidthStyle.do === true) {
+                fpsWindowProps.sections.maxWidth = applySectionStyle(el.parentNode, maxWidthStyle, winMaxWidthStyle, alertError, consoleResult);
+            }
+            //This updates section top and bottom margin:  As of 2022-02-08:  default = '24px 0'
+            if (marginTBStyle.do === true) {
+                fpsWindowProps.sections.marginTB = applySectionStyle(el.childNodes[0], marginTBStyle, winMarginTBStyle, alertError, consoleResult);
+            }
+            sectionStyles.summary.success++;
+        }
+        catch (e) {
+            if (alertError === true) {
+                alert('minimizeHeader:  Could not find element with data-automation-id="pageHeader"');
+            }
+            console.log('minimizeHeader:  Could not find element with data-automation-id="pageHeader"');
+            sectionStyles.summary.errors++;
+            fpsWindowProps.sections.summary.errors++;
+        }
+    });
+    sendFPSWindowConsole(true, 'COMPLETE', fpsWindowProps);
+    return { sectionStyles };
+}
+export function applySectionStyle(el, targetStyle, windowStyle, alertError = true, consoleResult = false) {
+    let cssProp = targetStyle.cssProp;
+    windowStyle.do = true;
+    //Needed to get instanceId this way to prevent mutation
+    const thisInstanceId = targetStyle.wpInstanceID + '';
+    windowStyle.wpInstanceID = thisInstanceId;
+    windowStyle.history.push(thisInstanceId);
+    try {
+        if (el.style) {
+            if (windowStyle.original === 'tbd') {
+                windowStyle.original = el.style[cssProp];
+            }
+            el.style[cssProp] = targetStyle.value;
+        }
+        else {
+            if (windowStyle.original === 'tbd') {
+                windowStyle.original = null;
+            }
+            el.style = {};
+            el.style[cssProp] = targetStyle.value;
+            windowStyle.value = targetStyle.value;
+        }
+        windowStyle.success++;
+        windowStyle.attempted = true;
+        sendStandardConsole(consoleResult, 'SUCCESS', windowStyle);
+    }
+    catch (e) {
+        windowStyle.errors++;
+        windowStyle.attempted = true;
+        sendStandardConsole(consoleResult, 'FAILURE', windowStyle);
+    }
+    return windowStyle;
+}
+//# sourceMappingURL=setAllSectionStyles.js.map

package/lib/banner/features/PageStyle/setAllSectionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAllSectionStyles.js","sourceRoot":"","sources":["../../../../src/banner/features/PageStyle/setAllSectionStyles.ts"],"names":[],"mappings":"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"}

package/lib/banner/features/PinMe/FPSPinMenu.d.ts

@@ -0,0 +1,22 @@
+/**
+ * This is modeled after npmFunctions/Services/DOM/FPSExpandoramic.ts
+ *
+ * @returns
+ */
+import { IPageLayoutType } from '../../../common/interfaces/@msft/1.15.2/layout';
+import { IFPSPinMenu, IPinStatus, IPinMeState } from './Interfaces';
+import { DisplayMode } from '@microsoft/sp-core-library';
+/**
+ * getDefaultFPSPinState gets the default defPinState depending on if the page is in Edit Mode.
+ * Edit Mode requires the pinMode to change so that it does not hide the Edit/Save buttons.
+ * Originally copied from FPSPageInfo.tsx
+
+ * @param prevfpsPinMenu
+ * @param currfpsPinMenu
+ * @param displayMode - basically current component must have displayMode in it's props and passed in here.
+ * @returns
+ */
+export declare function getDefaultFPSPinState(prevfpsPinMenu: IFPSPinMenu, currfpsPinMenu: IFPSPinMenu, displayMode: DisplayMode): IPinStatus;
+export declare function checkIsInVerticalSection(domElement: HTMLElement): boolean;
+export declare function FPSPinMe(domElement: HTMLElement, pinState: IPinMeState, controlStyle: any, alertError: boolean, consoleResult: boolean, pinMePadding: number, host: IPageLayoutType, displayMode: DisplayMode): void;
+//# sourceMappingURL=FPSPinMenu.d.ts.map

package/lib/banner/features/PinMe/FPSPinMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FPSPinMenu.d.ts","sourceRoot":"","sources":["../../../../src/banner/features/PinMe/FPSPinMenu.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAeH,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAOzD;;;;;;;;;GASG;AAEF,wBAAgB,qBAAqB,CAAG,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,cAgB1H;AAED,wBAAgB,wBAAwB,CAAE,UAAU,EAAE,WAAW,WAShE;AAED,wBAAgB,QAAQ,CAAG,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAG,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,OAAc,EAAE,aAAa,EAAE,OAAe,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAG,WAAW,QAwGhO"}

package/lib/banner/features/PinMe/FPSPinMenu.js

@@ -0,0 +1,151 @@
+/**
+ * This is modeled after npmFunctions/Services/DOM/FPSExpandoramic.ts
+ *
+ * @returns
+ */
+import { findParentElementLikeThis } from '../../../logic/DOM/Search/domSearch';
+// import { updateByClassNameEleChild } from '../otherDOMAttempts';
+import { DisplayMode } from '@microsoft/sp-core-library';
+require('./FPSPinMe.css');
+/**
+ * getDefaultFPSPinState gets the default defPinState depending on if the page is in Edit Mode.
+ * Edit Mode requires the pinMode to change so that it does not hide the Edit/Save buttons.
+ * Originally copied from FPSPageInfo.tsx
+
+ * @param prevfpsPinMenu
+ * @param currfpsPinMenu
+ * @param displayMode - basically current component must have displayMode in it's props and passed in here.
+ * @returns
+ */
+export function getDefaultFPSPinState(prevfpsPinMenu, currfpsPinMenu, displayMode) {
+    let refresh = false;
+    let defPinState = currfpsPinMenu.defPinState;
+    if (defPinState !== prevfpsPinMenu.defPinState) {
+        refresh = true;
+    }
+    else if (prevfpsPinMenu.forcePinState !== currfpsPinMenu.forcePinState) {
+        refresh = true;
+    }
+    //This fixed https://github.com/mikezimm/PageInfo/issues/47
+    if (displayMode === DisplayMode.Edit) {
+        defPinState = 'normal';
+    }
+    const result = { defPinState: defPinState, refresh: refresh };
+    return result;
+}
+export function checkIsInVerticalSection(domElement) {
+    //CanvasVerticalSection 
+    let isVertical = false;
+    let verticalSection = findParentElementLikeThis(domElement, 'classList', 'CanvasVerticalSection', 10, 'contains', false, true);
+    if (verticalSection) {
+        isVertical = true;
+    }
+    return isVertical;
+}
+export function FPSPinMe(domElement, pinState, controlStyle, alertError = true, consoleResult = false, pinMePadding, host, displayMode) {
+    //https://github.com/mikezimm/drilldown7/issues/184
+    //Had to add  || host === "SingleWebPartAppPageLayout"  because that is what layout was consoled in Drilldown 1.3.1.1
+    if (host === "SharePointFullPage" || host === "SingleWebPartAppPageLayout") {
+        //If this is a SPA, then there is no reason to do PinMe since there is nothing else to show.
+        //Just return
+        console.log('FPSPinMe host == SPA: host=', host);
+        return;
+    }
+    else {
+        console.log('FPSPinMe host !== NOT SPA:  host=', host);
+        //This might be option to bring this line of code in from FetchBannerElement.tsx
+        //Just need to change the incoming paramter from pinState to tempPinState
+        // let pinState: IPinMeState = displayMode === DisplayMode.Edit ? 'normal' : tempPinState;
+        let searchParams = window.location.search ? window.location.search : '';
+        searchParams = searchParams.split('%3a').join(':');
+        //Had to add this just as a precaution.... 
+        //the classnames change depending on if the page is in EditMode.
+        //When in EditMode, they have single -, in View mode, the have --
+        let findClass = searchParams.indexOf('Mode=Edit') > -1 ? ['ControlZone-control', 'ControlZone--control'] : ['ControlZone--control', 'ControlZone-control'];
+        // let thisControlZome: Element = null;
+        let thisControlZome = null;
+        let thisCanvasSection = null;
+        let foundElement = false; //Need to be any to pass tslint
+        findClass.map(checkClass => {
+            if (foundElement === false) {
+                thisControlZome = findParentElementLikeThis(domElement, 'classList', checkClass, 10, 'contains', false, true);
+                if (thisControlZome) {
+                    foundElement = true;
+                    thisCanvasSection = thisControlZome.parentElement;
+                }
+            }
+        });
+        let classList = thisControlZome.classList;
+        console.log('FPSPinMe thisControlZome, thisCanvasSection = ', thisControlZome, thisCanvasSection);
+        if (thisControlZome && thisCanvasSection) {
+            if (foundElement === true && pinState === 'disabled') {
+                //Added this if to resolve https://github.com/mikezimm/pivottiles7/issues/190 - if pinCanvasDefault class is found, it shrinks the panel title width
+                if (thisControlZome.classList.contains('pinMeWebPartDefault'))
+                    thisControlZome.classList.remove('pinMeWebPartDefault');
+                if (thisCanvasSection.classList.contains('pinCanvasDefault'))
+                    thisCanvasSection.classList.remove('pinCanvasDefault');
+                if (thisCanvasSection.classList.contains('pinMeCanvasMinimize'))
+                    thisCanvasSection.classList.remove('pinMeCanvasMinimize');
+            }
+            else {
+                if (foundElement === true) {
+                    // console.log( 'classList b4 = ', classList );
+                    if (classList) {
+                        thisControlZome.classList.add('pinMeWebPartDefault');
+                    }
+                    // console.log( 'classList af = ', thisControlZome.classList );
+                }
+                if (displayMode !== DisplayMode.Edit && pinState === 'pinFull') {
+                    if (!thisControlZome.classList.contains('pinMeTop'))
+                        thisControlZome.classList.add('pinMeTop');
+                    if (!thisControlZome.classList.contains('pinMeFull'))
+                        thisControlZome.classList.add('pinMeFull');
+                    if (thisControlZome.classList.contains('pinMeMini'))
+                        thisControlZome.classList.remove('pinMeMini');
+                    // thisControlZome.classList.remove( 'pinMeNormal' ) ;
+                    if (!thisCanvasSection.classList.contains('pinCanvasDefault'))
+                        thisCanvasSection.classList.add('pinCanvasDefault');
+                    if (!thisCanvasSection.classList.contains('pinMeCanvasMinimize'))
+                        thisCanvasSection.classList.add('pinMeCanvasMinimize');
+                }
+                else if ((displayMode === DisplayMode.Edit && pinState === 'pinFull') || pinState === 'pinMini') {
+                    if (!thisControlZome.classList.contains('pinMeTop'))
+                        thisControlZome.classList.add('pinMeTop');
+                    if (!thisControlZome.classList.contains('pinMeMini'))
+                        thisControlZome.classList.add('pinMeMini');
+                    if (thisControlZome.classList.contains('pinMeFull'))
+                        thisControlZome.classList.remove('pinMeFull');
+                    if (thisControlZome.classList.contains('pinMeNormal'))
+                        thisControlZome.classList.remove('pinMeNormal');
+                    if (displayMode === DisplayMode.Edit) {
+                        if (thisCanvasSection.classList.contains('pinCanvasDefault'))
+                            thisCanvasSection.classList.remove('pinCanvasDefault');
+                        if (thisCanvasSection.classList.contains('pinMeCanvasMinimize'))
+                            thisCanvasSection.classList.remove('pinMeCanvasMinimize');
+                    }
+                    else { //Is display mode and state === 'pinFull' or 'pinMini'
+                        if (!thisCanvasSection.classList.contains('pinCanvasDefault'))
+                            thisCanvasSection.classList.add('pinCanvasDefault');
+                        if (!thisCanvasSection.classList.contains('pinMeCanvasMinimize'))
+                            thisCanvasSection.classList.add('pinMeCanvasMinimize');
+                    }
+                }
+                else if (pinState === 'normal') {
+                    // thisControlZome.classList.add( 'pinMeNormal' ) ;
+                    if (thisControlZome.classList.contains('pinMeTop'))
+                        thisControlZome.classList.remove('pinMeTop');
+                    if (thisControlZome.classList.contains('pinMeMini'))
+                        thisControlZome.classList.remove('pinMeMini');
+                    if (thisControlZome.classList.contains('pinMeFull'))
+                        thisControlZome.classList.remove('pinMeFull');
+                    if (thisCanvasSection.classList.contains('pinCanvasDefault'))
+                        thisCanvasSection.classList.remove('pinCanvasDefault');
+                    if (thisCanvasSection.classList.contains('pinMeCanvasMinimize'))
+                        thisCanvasSection.classList.remove('pinMeCanvasMinimize');
+                }
+            }
+            // console.log( 'classList af = ', thisControlZome.classList );
+        }
+    }
+}
+//# sourceMappingURL=FPSPinMenu.js.map