{"version":3,"sources":["webpack:///./django/project/@static/@modules/tag-show-more-expander/controller.ts","webpack:///./django/project/@static/@modules/tag-show-more-expander/main.ts","webpack:///./django/project/@static/@modules/tag-show-more-expander/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAmBA;QAA4C,kCAA+B;QACvE;mBACI,iBAAO;QACX,CAAC;QAOD,6CAAoB,GAApB,UAAqB,iBAAsB;YACvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC/B,CAAC;QAMD,iCAAQ,GAAR;YACI,OAAO,CAAC,GAAG,CAAC,gDAAgD,CAAC,CAAC;YAC9D,IAAM,kBAAkB,GAAG,CAAC,CAAC;YAC7B,IAAI,CAAC,sBAAsB,CAAC,kBAAkB,CAAC;QACnD,CAAC;QAED,+CAAsB,GAAtB,UAAuB,kBAA0B;YAC7C,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC;YAClD,IAAI,yBAAyB,GAAW,CAAC,CAAC;YAC1C,IAAI,aAAqB,CAAC;YAC1B,IAAI,gBAAwB,CAAC;YAC7B,IAAI,sBAA8B,CAAC;YAInC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAE,UAAC,KAAK,EAAE,OAAO;gBACvC,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC;gBAEpC,sBAAsB,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBACtD,gBAAgB,GAAG,QAAQ,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;gBACxD,yBAAyB,IAAI,aAAa,GAAG,gBAAgB,CAAC;gBAE9D,OAAO,CAAC,GAAG,CAAC,gCAA8B,yBAA2B,CAAC,CAAC;gBAIvE,OAAO,KAAK,GAAG,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;YAGH,IAAI,CAAC,EAAE,CAAC,YAAY;iBACf,GAAG,CAAC;gBAED,QAAQ,EAAE,yBAAyB;aAClC,CAAC,CAAC;QACf,CAAC;QAED,4CAAmB,GAAnB;YAAA,iBAiBC;YAhBG,IAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;YACxD,IAAM,iBAAiB,GAAG,GAAG,CAAC;YAE9B,IAAI,CAAC,EAAE,CAAC,YAAY;iBACnB,OAAO,CAAC;gBACL,QAAQ,EAAE,gBAAgB;aACzB,EAAE,iBAAiB,EAAE,OAAO,EAE7B;gBACI,KAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YAEP,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;YAG9D,OAAO,KAAK,CAAC;QACjB,CAAC;QA9DD;YADC,eAAE,CAAC,yBAAyB,CAAC;kEAG7B;QAZgB,cAAc;YAZlC,oBAAO,CAAC;gBACL,QAAQ,EAAE,KAAK;gBACf,EAAE,EAAE,wBAAwB;gBAC5B,EAAE,EAAE;oBACA,YAAY,EAAW,4BAA4B;oBACnD,QAAQ,EAAe,uBAAuB;oBAC9C,aAAa,EAAU,0BAA0B;oBACjD,iBAAiB,EAAM,uBAAuB;oBAC9C,aAAa,EAAU,kBAAkB;iBAC5C;aACJ,CAAC;WAEmB,cAAc,CAyElC;QAAD,qBAAC;KAAA,CAzE2C,UAAU,CAAC,IAAI,GAyE1D;sBAzEoB,cAAc;;;;;;;;;;;;;ICdnC,IAAM,GAAG,GAAG,IAAI,UAAU,CAAC,WAAW,EAAE;IAExC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE;QACd,IAAI,oBAAc,EAAE,CAAC,MAAM,EAAE;IACjC,CAAC,CAAC,CAAC;IAEH,CAAC,CAAC;QACE,GAAG,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;;;;;;;;;;ACbH","file":"js/tag-show-more-expander.js","sourcesContent":["import * as $ from \"jquery\";\r\nimport * as Backbone from \"backbone\";\r\nimport * as Marionette from \"backbone.marionette\";\r\nimport * as _ from \"underscore\";\r\nimport { on, Options } from \"../utils/decorators\";\r\n\r\n\r\n@Options({\r\n    template: false,\r\n    el: \".js-sidebar-tags-block\",\r\n    ui: {\r\n        tagsListMask:          \".js-sidebar-tags-list-mask\",\r\n        tagsList:              \".js-sidebar-tags-list\",\r\n        tagsListItems:         \".js-sidebar-tags-list li\",\r\n        seeMoreButtonWrap:     \".js-btn-see-more-wrap\",\r\n        seeMoreButton:         \".js-btn-see-more\"\r\n    }\r\n})\r\n\r\nexport default class ViewController extends Marionette.View<Backbone.Model>{\r\n    constructor() {\r\n        super();\r\n    }\r\n\r\n    // --------------------------------\r\n    // events\r\n    // --------------------------------\r\n\r\n    @on(\"click @ui.seeMoreButton\")\r\n    onClickSeeMoreButton(JQueryEventObject: any) {\r\n        this.expandContentHeight();\r\n    }\r\n\r\n    // --------------------------------\r\n    // functions\r\n    // --------------------------------\r\n\r\n    onRender() {\r\n        console.log(\"tag show more expander viewcontroller rendered\");\r\n        const numTagsToShowFirst = 5;\r\n        this.setHeightOfInitialMask(numTagsToShowFirst)\r\n    }\r\n\r\n    setHeightOfInitialMask(numTagsToShowFirst: number) {\r\n        const numTotalTags = this.ui.tagsListItems.length;\r\n        let heightCombinedInitialTags: number = 0;\r\n        let heightThisTag: number;\r\n        let marginTopThisTag: number;\r\n        let marginTopThisTagString: string;\r\n\r\n        // loop through first `numTagsToShowFirst` of\r\n        // tagsListItems and calc total height\r\n        this.ui.tagsListItems.each( (index, element) => {\r\n            heightThisTag = $(element).height();\r\n            // get separator margin values and remove `px`\r\n            marginTopThisTagString = $(element).css(\"margin-top\"); // contains `px` strong\r\n            marginTopThisTag = parseInt(marginTopThisTagString, 10); // convert string to num\r\n            heightCombinedInitialTags += heightThisTag + marginTopThisTag;\r\n\r\n            console.log(`heightCombinedInitialTags: ${heightCombinedInitialTags}`);\r\n\r\n            // exit loop after calculating height of\r\n            // initial x tags. need to -1 b/c zero base\r\n            return index < (numTagsToShowFirst - 1);\r\n        });\r\n\r\n        // set initial visible height of tags\r\n        this.ui.tagsListMask\r\n            .css({\r\n                // Set height to prevent instant jumpdown when max height is removed\r\n                \"height\": heightCombinedInitialTags\r\n                });\r\n    }\r\n\r\n    expandContentHeight() {\r\n        const transcriptHeight = this.ui.tagsList.outerHeight(); // TOTAL height of list\r\n        const transitionSpeedMS = 500;\r\n\r\n        this.ui.tagsListMask\r\n        .animate({\r\n            \"height\": transcriptHeight\r\n            }, transitionSpeedMS, \"swing\",\r\n            // after animation complete, call...\r\n            () => {\r\n                this.ui.tagsList.css(\"height\", \"auto\");\r\n            });\r\n\r\n        this.ui.seeMoreButtonWrap.fadeOut(transitionSpeedMS, \"swing\");\r\n\r\n        // prevent jump-down\r\n        return false;\r\n    }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./django/project/@static/@modules/tag-show-more-expander/controller.ts","import * as Backbone from \"backbone\";\r\nimport * as Marionette from \"backbone.marionette\";\r\nimport * as $ from \"jquery\";\r\nimport ViewController from \"./controller\";\r\n\r\nconst app = new Marionette.Application()\r\n\r\napp.once(\"start\", () => {\r\n    new ViewController().render()\r\n});\r\n\r\n$(() => {\r\n    app.start();\r\n});\r\n\n\n\n// WEBPACK FOOTER //\n// ./django/project/@static/@modules/tag-show-more-expander/main.ts","require(\"./main.ts\");\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./django/project/@static/@modules/tag-show-more-expander/index.js\n// module id = 86\n// module chunks = 26"],"sourceRoot":""}